accessibility
Missing Focus Trap
Focus trap.*not implemented|focus.*escaping modal
Fixes
- 1.Implement focus trap in modal/dialog components
- 2.Use cdkTrapFocus directive for Angular
- 3.Ensure Escape key closes and restores focus
a11yfocusmodal
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
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)
accessibility3 fixes
Missing Alt Text on Image
img.*missing alt|Image element.*missing alternative text
- •Add descriptive alt attribute to image
- •Use alt='' for decorative images