Skip to content

Incomplete accessible name on "Prev" button in Prompts Panel #5310

@derekjackson-das

Description

@derekjackson-das

Issue Description

Screen readers will read the word "prev", instead of the full word "previous". This creates confusion for users relying on assistive technologies.

WCAG Criteria

1.1.1 Non-text Content (Level A)

Screenshot or Screen Recording

No screenshot provided.

Snippet:

<button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-text-primary border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3" disabled="">
  Prev
</button>

Suggested Action:

Change the text to the full word "Previous".
Alternatively, provide an accessible name for screen readers using aria-label="previous" or visually hidden element (e.g., add the class .sr-only) and wrap "Prev" in a with aria-hidden="true".

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions