Thanks to Heydon Pickering’s tweet this morning, I discovered a new online tool.
Was it this one?https://t.co/HRkYxQacs6
(Might be wrong, this was the one I could find that has a search. My bookmarks are messy 😅)
— Fotis Papadogeorgopoulos (@isfotis) March 9, 2020
The Accessibility Support website allows you to check whether the code element or attribute you wrote is supported in browsers and assistive technology.
It’s a community-run effort to help you make informed decisions about the elements and attributes you use in your HTML code.
In addition, one of their goals is help you learn how to test with assistive technologies.
How the Accessibility Support Website Works
Since I never used it before, I wasn’t sure what to expect. I decided to test out the dt
HTML element.
And discovered it’s not supported in several assistive technologies.
JAWS for Chrome, Internet Explorer, and Firefox doesn’t support it. Neither does Talkback on Chrome or VoiceOver on Safari (iOS).
Narrator and Edge only have partial support, as does NVDA on Chrome and VoiceOver on macOS.
To learn more about the support, you can select the link for the element, which takes you to a detailed information page with specific info for the element, including
- About this feature
- Age of results
- Expectations
- convey an appropriate role
- convey the position in set information
- Related features
- Related tests
- Is something not right?
I like the easy-to-read charts and the organized information about the element and attribute.
Summary
Before you commit that element or attribute in your latest code, make an informed decision by using the Accessibility Support website to check support in browsers and assistive technology.