How Bad Is Your Accessibility?

Tick every sin you've shipped.

Click a square to learn about the problem — and how to fix it.

Today's accessibility faillowScreen readers

Icon font not hidden from AT

Icon fonts (FontAwesome, etc.) render icons as characters in the DOM. Without aria-hidden, screen readers may read out the icon's unicode character or glyph name.

Show fix ↓

✅ Fix

Add aria-hidden="true" to all icon font elements. Provide an accessible label on the parent element instead (aria-label, visually hidden text, or tooltip).

Same board for everyone. How do you compare today?

Today's A11Y Challenge

2026-06-13

Same board for everyone. Resets daily.

 

100/100
🦸 The “Accessibility HeroStart your streak 🔥