accessibility

Focusable Element Inside aria-hidden

aria-hidden.*on focusable|focusable.*inside aria-hidden

Fixes

1.Remove tabindex from elements inside aria-hidden
2.Add inert attribute instead of aria-hidden
3.Move focusable elements outside hidden region

a11yariahidden

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)