aria-hidden Must Not Contain Focusable Elements: How to Fix It

Search snippet comparison showing a missing meta description auto generated by google versus a custom description of roughly 150 to 160 characters, with correct meta tag syntax.

Meta Description Is Missing

Best practices guide for Meta Description Is Missing (ON-018). Priority: High. Live check available.
Learn More
Images need alt

Images Need Alt: How to Fix Missing Alt Text

Give every informative image a short, descriptive alt attribute and every purely decorative image an empty…
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
Remove blink elements

Remove Blink Elements

Best practices guide for Remove Blink Elements (HT-021). Priority: High. Live check available.
Learn More
Aria-hidden must not be present on document body

aria-hidden Must Not Be Present on Document Body: How to Fix It

Putting aria-hidden="true" on the document <body> hides your entire page from screen readers, so remove it…
Learn More
Diagram showing role text on a container flattening a button so screen readers cannot reach it, versus removing the role so the button stays focusable.

role=text Must Not Contain Focusable Elements

Best practices guide for role=text Must Not Contain Focusable Elements (AC-030). Priority: Medium. Live check available.
Learn More

Get new blog posts by email: