Layout tables must not include table headers, captions, or summaries. They should be marked with role="presentation".
Layout tables must not include table headers, captions, or summaries. They should be marked with role="presentation".
WCAG 2 criterion
1.3.1 Info and Relationships (Level A)
Tools and requirements
Test procedure
A layout table is a table used to organize content visually on a page. A table which is used to present tabular data is a data table, which this guideline does not apply to.
Locating data tables can be achieved through Siteimprove, with the "Find Tables" in the Policy or Accessibility > Accessibility Policies menus.
For any layout table on the page
There must not be any table headers on the page. Only allowable tags are <table>, <tr>, and <td>.
The layout tables must be marked as role="presentation". That role must be applied to the <table> tag.
AI Prompt
Copy to Clipboard
Create a PHP class in the namespace "App\Services\AccessibilityAnalyzer\GuidelineRules"
that extends "App\Services\AccessibilityAnalyzer\GuidelineRuleRunner" and is called "Guideline21" that has a function with the signature "protected function findApplicableElements(Crawler $crawler): Crawler". The base class includes the function "protected function isElementIncludedInAccessibilityTree(\DOMNode $element): bool" for determining if an element is included in the accessibility tree.
Web accessibility guideline:
## Layout tables must not include table headers, captions, or summaries. They should be marked with role="presentation".
### WCAG 2 criterion
1.3.1 Info and Relationships (Level A)
### Tools and requirements
* Siteimprove (policy)
### Test procedure
A **layout table** is a table used to organize content visually on a page. A table which is used to present tabular data is a data table, which this guideline does not apply to.
**Locating data tables** can be achieved through Siteimprove, with the "Find Tables" in the Policy or Accessibility \> Accessibility Policies menus.
For any layout table on the page
* There must not be any table headers on the page. Only allowable tags are `<table>, <tr>,` and `<td>`.
* The layout tables must be marked as role="presentation". That role must be applied to the `<table>` tag.
