Accessibility (43 articles)

Links Must Have Discernible Text: Fix Empty and Icon-Only Links

Every link on a page needs an accessible name: text that assistive technology can read out…
Learn More

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

All Text Elements Must Have Sufficient Contrast Colors: How to Fix It

Make sure every piece of text has a contrast ratio of at least 4.5:1 against its…
Learn More

Select Element Must Have an Accessible Name: How to Fix It

Every <select> dropdown needs a programmatically associated accessible name, ideally a native <label for>, so assistive…
Learn More

Buttons Must Have Discernible Text: Fix Unlabeled Buttons

TL;DR: This issue means a button on your page has no accessible name, so a screen…
Learn More

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

Get new blog posts by email: