WCAG - Events Enhancements

Evan Stewart
10/20/2023 2:23:11 PM
Version 9.6.2.0

The new greymatter Portal Event page is compliant with the requirements of Web Content Accessibility Guidelines (WCAG) 2.2 A/AA regulations. These specifications improve support for visually impaired users, and provide a more universally accessible experience.

Enhanced Keyboard Navigation: We've optimized keyboard navigation for the events page to ensure features are available to all users. This will allow the user to query events using categories, key word searches, and sorting. The tab order is shown in the image.
Color and Contrast Improvements: We've enhanced color choices and contrast ratios for the link, and table text, ensuring that information is easily discernible for visually impaired users.
ARIA Roles and Attributes:
- We've incorporated ARIA (Accessible Rich Internet Applications) roles and attributes to the following items
  - 1,2... 7 : Checkboxes
  - 8, 10: Button
  - 9: Searchbox
  - 12, 13... 14: Button
  - 15, 17, 19, 21: Links
  - 16, 18, 20, 22: Buttons for dropdown menus.
- We've added ARIA (Accessible Rich Internet Applications) labels where necessary
  - 9: Added 'aria-label'
  - 11, 12... 14: Added 'aria-label' that provide supplementary information
Clearer Text and Layout: We've increased the contrast and font sizes of the checkbox titles to ensure the content is clearly visible, and conveys the correct interactive state to the user.