Understanding Success Criterion 1.3.1: Info and Relationships

Understanding Success Criterion 1.3.1 Info and Relationships

Content structures such as tables, lists, and headings presented to users must ensure that they are not conveyed only through visual cues.

Official Requirements

Success Criterion 1.3.1 Info and Relationships (Level A): Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.

Why is it required?

Content structures such as tables, lists, etc rely on visual cues to communicate information to users. Therefore, it is not accessible to users with visual impairments. Making it accessible will enable Assistive Technology users to consume information similar to their peers.

How do we fix it?

Use semantic HTML elements to convey information to users. For instance:

  1. Use proper HTML elements such H1, H2, etc for headings
  2. Similarly (<table>, <tr>, <th>, and <td> elements) for tabular data
  3. List with (<li>)
  4. Form fields with proper labels with HTML markup (<label>)

Mistakes to avoid

  • Presenting content structures tables, lists, and headings without proper HTML markup
  • Using CSS styles for headings instead of HTML markup
  • Form fields not having labels

Picture of Aditya Bikkani

Aditya Bikkani

Aditya is the COO of AELData, a growing technology company in the Digital Publishing and Education sectors. He is also an entrepreneur and founder of an accessibility tool called LERA. A W3C COGA (Cognitive and Learning Disabilities Accessibility) Community Member Aditya contributes to researching methodologies to improve web accessibility and usability for people with cognitive and learning disabilities.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share on Social Media


Related Blogs

What is AEL Accessibility Checker (AAC)

What is AEL Accessibility Checker (AAC)?

Wondering how Accessible your website is to everyone? With AEL Accessibility Checker (AAC), you can quickly evaluate your web page against automated Accessibility violations.  AAC

How Accessible Is Your Website?

Check your site’s accessibility in few seconds with our FREE accessibility checker. Ensure compliance with ADA & WCAG guidelines and improve user experience across the board.

Skip to content