Top 10 Accessibility Issues
Web developers worldwide have found 74 million A11Y issues on 10 million checked web pages.
Here are the most common issues detected by Rocket Validator.
Last update: Monday, September 16, 2024
1. Elements must meet minimum color contrast ratio thresholds. 50.17%
According to WCAG 2 AA contrast ratio thresholds, all text elements must have sufficient contrast between foreground text and background colors.
2. All touch targets must be 24px large, or leave sufficient space. 17.17%
Touch targets must have a minimum dimension of 24 by 24 CSS pixels. The greatest unobscured area of the touch target is used to calculate size. The target must be at least 24 CSS pixels distant from any other touch target if its size is insufficient.
3. Links must have discernible text. 14.73%
When used as links, link text and alternative text for images must be recognizable by screen readers, have no duplicate labels, and be focusable.
4. <li> elements must be contained in a <ul> or <ol>. 3.53%
All list items (li) must have ul or ol parent elements.
5. Elements must have their visible text as part of their accessible name. 3.39%
The visible label of interactive items labeled through their content must be included in their accessible name.
6. ARIA hidden element must not be focusable or contain focusable elements. 2.69%
Elements with aria-hidden must not contain focusable elements.
7. Elements must only use permitted ARIA attributes. 2.44%
Not all ARIA role-attribute combinations are valid. Elements must only use permitted ARIA attributes.
8. Links must be distinguishable without relying on color. 2.32%
Make sure that people who can’t differentiate colors can tell when text is a link by checking that the link has either a distinct style that doesn’t depend on color or a contrast difference of more than 3:1, which tells you that manual testing is needed.
9. Elements should not have tabindex greater than zero. 2.29%
To avoid an unexpected tab order that would appear to miss some components entirely, a tabindex attribute must never have a value greater than 0.
10. [role="img"] elements must have an alternative text. 1.28%
Components with the label role="img" must have an alternate text.
Ready to validate your sites?
Start your trial today.