Did you avoid nesting tables?

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

  1. Inspect the page.
  2. Ensure that <table> elements don’t have any <table> elements inside them as children.