Achieving WCAG and screen-reader accessibility, for the most part, isn’t too hard—web fonts and robust button formats have removed the need for text-as-image-file graphics, and CSS layouts rescued all of us from inaccessible, table-based presentations. But tab elements, with their semantically-separated button controls and content panels, present a special challenge.
In this session, we’ll discuss:
- Where popular frameworks fall short (and which ones provide you a great start)
- How to get tabs and accordions to measure up to WCAG AA standards and pass screen reader functional testing
- Strategies for testing
- How to integrate your improved and accessible tabs and accordions into a WordPress template