accessibility
Reduced Motion Not Respected
motion.*reduced.*not respected|prefers-reduced-motion
Fixes
- 1.Add @media (prefers-reduced-motion: reduce) query
- 2.Disable animations when preference is set
- 3.Use transition: none in reduced motion media query
a11ymotionanimation
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)