8.5 WCAG 2.1 Success Criterion 1.3.1 − Info and Relationships

Users who are not disabled can view the layout of a webpage and quickly determine its structure and hierarchy. Persons with visual impairments cannot see this layout. The website needs to provide appropriate markup to illustrate this structure to screen readers so that it is accessible to persons with visual impairments. The links should be categorised into different groups so that screen readers are able to determine their relationship.

Before Rectification

A webpage sample with content.

In this example, there are no headings for the content, links and table columns. This is an example of poor structure and relationships as someone using screen readers will not be able to get a good overview of the content.

After Rectification

A webpage sample with content having the addition of headings for the text, link list and table columns.

By adding headings and structure to the webpage, persons with visual impairments will be able to get a good overview of the content through the headings for each of the sections and be able to understand the relationships between the content.

WCAG 2.1 Reference:

https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships

Previous ArticleOGCIO : 8.4 WCAG 2.1 Success Criterion 1.2.3 − Audio Description or Media Alternative (Prerecorded)

Next ArticleOGCIO : 8.6 WCAG 2.1 Success Criterion 1.3.2 − Meaningful Sequence