accessibility
Focus Indicator Not Visible
focus.*not visible|focus indicator.*missing
Fixes
- 1.Never use outline: none without alternative
- 2.Add visible focus styles with :focus-visible
- 3.Ensure focus ring has 3:1 contrast ratio
a11yfocusindicator
Related Errors
accessibility3 fixes
Invalid ARIA Role
ARIA role.*is not valid|aria-role.*invalid
- •Use a valid WAI-ARIA role from the spec
- •Check role is appropriate for the element type
accessibility3 fixes
Missing Focus Trap
Focus trap.*not implemented|focus.*escaping modal
- •Implement focus trap in modal/dialog components
- •Use cdkTrapFocus directive for Angular
accessibility3 fixes
Insufficient Color Contrast
Color contrast ratio.*insufficient|contrast.*below.*4\.5
- •Increase contrast ratio to at least 4.5:1 for text
- •Use 3:1 minimum for large text (18px+ bold)