• Success Criterion 1.3.1
  • Conformance level A
  • W3C reference F34

Table Layout Faked With Spaces Instead of Real Table Code

1.3.1 — Info and Relationships

Scenario

Setting

A webinar platform's registration form

What’s wrong

Spaces/tabs are used to fake a table in plain text — there are no real rows, columns, or headers for a screen reader to navigate.

Example

Try this on a webinar platform's registration form: spaces/tabs are used to fake a table in plain text — there are no real rows, columns, or headers for a screen reader to navigate.

Why it matters

Screen-reader, braille, and reading-tool users who depend on coded structure rather than visual layout. On a webinar platform's registration form specifically, they can't navigate the content by its real structure.

How to test

Copy the 'table' into a plain text editor: if it was built with spaces/tabs instead of table, thead, tr, td tags, structure is lost and a screen reader can't navigate cells.

How to fix

Use a real table element with header-cell code (th) headers instead of whitespace-aligned text.

Outcome

Fixed, a visitor to a webinar platform's registration form can move through the content with confidence.

Who is affected

Screen-reader, braille, and reading-tool users who depend on coded structure rather than visual layout.

Learn more

Related scenarios