-
-
Notifications
You must be signed in to change notification settings - Fork 5.5k
Closed
Labels
♿ a11yAccessibilityAccessibility
Description
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
Labels
♿ a11yAccessibilityAccessibility