Accessibility (43 articles)

Aria toggle fields need accessible names

ARIA Toggle Fields Must Have an Accessible Name: How to Fix It

Any element acting as a toggle (role checkbox, switch, radio, menuitemcheckbox, menuitemradio or option) must expose…
Learn More
Required aria attributes must be provided: how to fix it

Required ARIA Attributes Must Be Provided: How to Fix It

Every ARIA widget role has a contract. When you assign a role such as checkbox, slider,…
Learn More
No duplicate caption and summary

No Duplicate Caption and Summary

Best practices guide for No Duplicate Caption and Summary (AC-043). Priority: Low. Live check available.
Learn More
Diagram of four fixes for accessible table headers: add descriptive text to every th, set a scope, use id and headers for complex tables, and test with axe and wave.

Ensure Table Headers Have Discernible Text

Best practices guide for Ensure Table Headers Have Discernible Text (AC-032). Priority: High. Live check available.
Learn More
Diagram comparing an incorrect aria-roledescription on a plain div with the correct version that pairs it with role group so assistive tech announces the label.

Use aria-roledescription Appropriately

Best practices guide for Use aria-roledescription Appropriately (AC-012). Priority: Low. Live check available.
Learn More
Test frames with accessibility tools

Test Frames with Accessibility Tools

Best practices guide for Test Frames with Accessibility Tools (AC-033). Priority: Medium. Live check available.
Learn More

Get new blog posts by email: