1. Validating a navigation component
Frontend DeveloperBackground
A developer is building a new navigation bar with icon-only buttons and wants to ensure it is accessible to screen readers.
Problem
Icon-only buttons often lack accessible names, making them invisible to assistive technologies.
How to use
Paste the navigation HTML into the HTML Input field and select WCAG AA.
WCAG Level: AAOutcome
The report flags the empty button elements and recommends adding aria-label attributes or visually hidden text.