Goal
Ensure that <table>
elements do not have <table>
elements in them as children, even though the HTML spec allows for it.
Why this matters
Screen readers can’t properly make the associations between the other table’s cells and the inner table’s cells, so nested tables are unusable for screen reader users.
How to implement
Ensure that <table>
elements do not have <table>
elements in them as children, even though the HTML spec allows for it.
How to test
- Inspect the page.
- Ensure that
<table>
elements don’t have any<table>
elements inside them as children.