Accessibility Testing Practices for Web Components and Patterns
taught by: Lyssa Prince
This class will cover testing web components and patterns, such as carousels, accordions, buttons, form fields, tables, modals, and navigation menus. We will build on knowledge of basic accessibility concepts including proper structure, keyboard access and usability, and similar concepts.
To get the most out of this class, it will be helpful for you to know the basic concepts of accessibility testing, such as color contrast, keyboard access and usability, tab order, applying appropriate structure, and using text alternatives. This class will involve looking into some code, but you do not need to be a developer to attend. Content managers, UX designers, and others who are part of development processes of websites and web applications will be able to apply concepts from this class in their work.
Please come to class with the WAVE extension, Microsoft Insights extension, Paul J Adam Focus Order bookmarklet, and Google Chrome installed if you would like to participate in the exercises.
- Using free accessibility testing tools to test components and patterns
- Coding & Testing elements in their various states (active, inactive, hover, focus, etc.)
- Mirroring custom element functions with native HTML element functions