4 · Logical Page Structure and Order

Web 2.0 Services

The layout of the contents of a web page can be set into frames rather like a picture or even a frame within a frame (an iframe) so that more information can be carried within a single page. 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 2.4.8 Location More Info
WCAG 2.1 2.4.10 Section Headings More Info
WCAG 2.1 4.1.1 Parsing More Info
WCAG 2.1 4.1.2 Name, Role, Value More Info