Top 10 Accessibility Issues
Web developers worldwide have found 76 million A11Y issues on 10 million checked web pages.
Here are the most common issues detected by Rocket Validator.
Last update: Thursday, November 21, 2024
1. All page content should be contained by landmarks. 80.41%
The recommended practice is to keep all content, excluding skip links, in designated areas such the header
, nav
, main
, and footer
.
2. Heading levels should only increase by one. 5.45%
The h1
through h6
element tags must be in a sequential order for headings to be in a correct logical order.
3. Document should have one main landmark. 4.47%
A best practice is to guarantee that there is only one primary landmark for navigating to the page’s principal content, and if the page has iframe
components, each should contain either no landmarks or a single landmark.
4. Landmarks should have a unique role or role/label/title (i.e. accessible name) combination. 3.06%
Landmarks must have an unique role or role/label/title (i.e. accessible name) combination.
5. Ensures landmarks are unique. 2.04%
Landmarks must have an unique role or role/label/title (i.e. accessible name) combination.
6. Page should contain a level-one heading. 1.87%
To enable screen reader users to navigate the heading structure with keyboard shortcuts rather than wasting time listening to more of the website to understand its structure, make sure the page, or at least one of its frames, contains a h1
element that appears before the start of the main content.
7. Document should not have more than one banner landmark. 1.05%
Ensure there is only one “banner” landmark at most on the page.
8. Aside should not be contained in another landmark. 0.82%
Ensure the complementary landmark or <aside> is at top level.
9. Document should not have more than one contentinfo landmark. 0.47%
Make sure there is only one contentinfo
landmark on the page.
10. Document should not have more than one main landmark. 0.36%
The core content of the page should only have one main landmark, and if the page contains iframe
components, each one should either have no landmarks or just one. This is considered best practice.
Ready to validate your sites?
Start your trial today.