1. Home
  2. :
  3. WCAG Guidelines
  4. :
  5. 1.3.1 Information and Relationships –...

1.3.1 Information and Relationships – Level A

Checklist – System Foundation

Content

TestPriorityAutomated test?
Are inline elements (see list) marked up correctly?MediumPartial
Are lists marked up in <ol>, <ul>, or <dl> tags?HighPartial
Are paragraphs in <p> tags?HighPartial

Iconography

Headings

TestPriorityAutomated test?
Does the page have the correct hierarchical title/headings?HighPartial
Are all headings marked in the correct heading tag?HighPartial
Did you ensure that items that aren’t technically headings don’t use heading tags?HighPartial

Page Framework

TestPriorityAutomated test?
Are all elements on the page contained in semantic HTML or landmark elements?HighPartial
If more than one of the same HTML landmark element exists on the page, are they labelled using ARIA labels?MediumPartial
Are ARIA landmarks that should only exist once limited to only existing once?MediumNone
Is the total number of landmarks reasonably small?LowNone
Are subsections of <main> with different purposes marked and labeled?HighPartial

Checklist – Components

Alerts and Messaging

TestPriorityAutomated test?
Are alerts firing at a logical point in the flow to prevent errors?HighNone

Breadcrumbs

TestPriorityAutomated test?
Are the page breadcrumbs labeled correctly?HighNone

Buttons

TestPriorityAutomated test?
Are all buttons coded as buttons?HighNone

Cards

TestPriorityAutomated test?
Is the card content marked up semantically as a list or other appropriate element?HighNone

Dialogs

TestPriorityAutomated test?
Is the dialog programmatically defined as a a dialog (role dialog, aria-modal, aria-labelledby)? HighNone
Does the dialog’s header have an ID associated with the aria-labelledby attribute? None

Forms

TestPriorityAutomated test?
Are all form fields the correct form fields?HighNone
Are forms wrapped in <form> tags appropriately?HighNone
Do form fields have labels even if they’re in a larger component or data table?HighNone
Are required fields marked as part of the label?HighNone
Do logically-related controls (example: an address) have a fieldset and legend?Medium 

Checkboxes and Radio Buttons

TestPriorityAutomated test?
Do radio button sets and checkbox sets have a <fieldset> and <legend>?HighNone

Compound form fields

TestPriorityAutomated test?
Are compound form fields grouped with a role and label?HighNone
Do compound components get represented as a single item?HighNone

Select menus

TestPriorityAutomated test?
Do <select> menus with subgroups use the <optgroup> label?HighNone

Global Header

TestPriorityAutomated test?
Is the global navigation labeled correctly?HighNone
Is the global navigation identified with a <nav> tag and an aria label?HighPartial

Local Navigation

TestPriorityAutomated test?
Is the local navigation labeled correctly?HighNone
Is the local navigation identified with a <nav> tag and an aria label?HighPartial

Menus

TestPriorityAutomated test?
Is the menu trigger (button) labeled correctly?HighNone
Are the menu items labeled correctly?HighPartial

Tables

TestPriorityAutomated test?
Are tables coded as <table> elements?HighPartial
Does the table have a programmatically-associated caption or name?MediumPending
Are table headers clear and coded as <th> elements?HighPartial
Are table headers scoped properly?HighNone
Is table data clear and coded as <td> elements?HighNone
Did you avoid nesting tables?HighNone
Does a complex table have a summary?HighNone
Is the table sorted by default and logically?HighNone