Accessibility Audit 2024

[coliff]

Fix all accessibility issues:

• Card
  • Cards have role="article" which is not recommended (and not always appropriate) (low priority)
• Checkbox
  • Checked checkboxes should have checked="true" and not aria-checked="true" #2514
• Dropdown
  • [BUG] Dropdown - Keyboard accessibility - When the user hit on up and down arrow keys on the keyboard, dropdown list items is not selected #1194 (low priority)
• Navbar
  • Modus Navbar - Add button not opening pop-up menu on Enter key press #1628
  • Navbar: navbar <nav> should have an aria-label #2212
• Pagination
  • Pagination Buttons are missing role="button" #2043
  • Add aria-label="Previous" and aria-label="Next" to the SVG images within those buttons (Not on the list items themselves).
• Switch
  • Switch have invalid ARIA attribute value: aria-checked="" (Should have true or false)
  • Switch is missing role="switch" (not announced by screen readers)
• Tabs
  • Tabs should be buttons (not divs)
• Tooltip
  • Tooltip: should be dismissible with the Escape key #2177

[coliff]

FIXED:

• Accordion
  • Accordion: Accessibility Issues #2079
• Alert
  • Modus Alert Component - Keyboard navigation - Close icon is not accessible #1541
• Breadcrumb
  • Breadcrumb: Remove unnecessary role="navigation" (already implied by using nav element) #2165
  • Breadcrumb: Add underlined option #2168
• Button
  • Button: Buttons do not need role="button" #2144
  • Button: Add type attribute #2167
• Chip
  • Chips should be <button>s #2254
• Date Picker
  • Date Picker: Accessibility Issues #2283
• Dropdown
  • [BUG] Dropdown - Canvas section - Under accessibility sections, 2 violations is displayed  #1195
• Modal
  • Modal Accessibility Issues #2076
• Navbar
  • Navbar Menu buttons should be <button>s (or at least have role="button") #2151
  • Navbar: Search Overlay input can't be cleared with Esc Key #2149
• Radio Buttons
  • Radio buttons are not linked to their labels #2432
• Sentiment Scale
  • Sentiment Scale Accessibility / Usability issues #1976
• Slider/Range
  • Slider / Range ARIA label issues #598
• Switch
  • Bug: Disabled switches should not be focusable #2270
• Table
  • Bigger tap target for resizing columns in a table #1973
  • Add aria-sort attribute for column sorting #1977
• Text Input
  • [BUG] Accessibility Issue with Text Input and Number Input #1044
• Toast
  • All toasts have role="status", but some toasts may be alerts. The role should be configurable.