ARIA Progressbar Must Have an Accessible Name: How to Fix It

Aria progressbar must have an accessible name: how to fix it

ARIA Progressbar Must Have an Accessible Name: How to Fix It

TL;DR: An element on your page uses role="progressbar" but has no accessible name, so screen readers…
Learn More
Aria tooltip must have name

ARIA Tooltip Must Have an Accessible Name: How to Fix It

Every element with role="tooltip" must carry an accessible name (almost always its own visible text) so…
Learn More
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
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
Comparison diagram showing an aria meter without an accessible name announcing only a number, versus one with an aria-label that announces disk usage and a value.

ARIA Meter Must Have an Accessible Name

Best practices guide for ARIA Meter Must Have an Accessible Name (AC-007). Priority: Medium. Live check…
Learn More

Get new blog posts by email: