Accessibility errors explained

Plain-language explanations and code fixes for the most common WCAG 2.2 errors reported by axe, Lighthouse and accessibility checkers.

• Text has too little contrast WCAG 1.4.3
• Images without alternative text WCAG 1.1.1
• Links without a readable name WCAG 2.4.4, 4.1.2
• Buttons without a readable name WCAG 4.1.2
• Form fields without labels WCAG 4.1.2
• Dropdowns without labels WCAG 4.1.2
• Page language is not set WCAG 3.1.1
• Invalid page language code WCAG 3.1.1
• Page has no title WCAG 2.4.2
• Interactive elements nested inside each other WCAG 4.1.2
• Touch targets are too small WCAG 2.5.8
• SVG graphics without a text alternative WCAG 1.1.1
• Elements with role="img" lack a text alternative WCAG 1.1.1
• ARIA buttons or links without a name WCAG 4.1.2
• Hidden content can still receive focus WCAG 4.1.2
• Invalid ARIA attribute values WCAG 4.1.2
• ARIA attributes not allowed on this element WCAG 4.1.2
• Required ARIA attributes are missing WCAG 4.1.2
• Lists are built incorrectly WCAG 1.3.1
• List items outside a list WCAG 1.3.1
• Embedded frames without a title WCAG 4.1.2
• Zooming is disabled WCAG 1.4.4
• Links in text are recognisable only by colour WCAG 1.4.1
• Invalid autocomplete values WCAG 1.3.5
• Scrollable areas can't be reached by keyboard WCAG 2.1.1, 2.1.3
• Image buttons without alternative text WCAG 1.1.1, 4.1.2
• Duplicate IDs used by labels or ARIA WCAG 4.1.2
• Page refreshes or redirects automatically WCAG 2.2.1