4 · Logical Page Structure and Order
Frames should have titles so that screen reader users know where they are in the page or which piece of content to read next. Providing a mechanism for users to skip to the main content aids navigation on content heavy sites. Navigational tags, such as ARIA live-regions can help assistive technology users identify the structure of the page. Content needs to be marked up in code in the order it will be recognised by screen reader users.
Outcomes and Scores
This test has 4 possible outcomes.
| Outcome | Score |
|---|---|
| All titles and headings are in place, consistent and appropriately descriptive. Keyboard navigation through the page structure is consistent.. ARIA landmarks may be available. | 100% |
| All page/iframe titles and headings in place, are consistent and appropriately descriptive. Skip to main content in place. | 67% |
| Page has title but not iframes (if present). Some use of headings, but not consistent structure. Layout not responsive to small screens. No skip to main content. | 33% |
| No page/iframe titles, headings or semantic structure affecting layout. No skip to main content. | 0% |
Disabilities
The results of this test are taken into account when calculating accessibility scores for the following disabilities.
Techniques
The following techniques may come in handy when running this test.
References
This test aims to cover the following sections of best practice.
| Document | Section | Heading | |
|---|---|---|---|
| WCAG 2.1 | 1.3.1 | Info and Relationships | More Info |
| WCAG 2.1 | 1.3.2 | Meaningful Sequence | More Info |
| WCAG 2.1 | 2.4.1 | Bypass Blocks | More Info |
| WCAG 2.1 | 2.4.2 | Page Titled | More Info |
| WCAG 2.1 | 2.4.6 | Headings and Labels | More Info |
| WCAG 2.1 | 4.1.2 | Name, Role, Value | More Info |