Skip to the tool Français

Accessible table remediation tool
Espace accessibilité (Consultation boréale)

How to render an HTM table accessible?

Our table corrector permits you to transform your HTML data table into an free accessible table whose data cells are explicitly associated with the appropriate headers. you may add a summary, a caption and a prefix to the unique ID of you header cells, permitting to have more than such a table on the same page.

Detailed directions for use

  1. Type in or copy/paste the data table source code (mandatory),
  2. Indicate the number of lines of column headers (1 by default),
  3. Indicate the number of columns of line headers (1 by default),
  4. Submit with the "Transform" button.

If your table is a complex one (more than two column or line headers by data cell), you have to provide a summary (summary attribute of the table tag) (mandatory)

Optional:

  • Table's caption (caption tag),
  • prefix of all headers cells IDs, to make them unique in the page,
  • CSS class name to give to the table (class attribute of the table tag),

Result

The transformed source code will appear in a new text area including:

  • a complete set of tags,
  • use of header cells (th),
  • unique identification of each header cells,
  • explicit link beetween data cells and their appropriate header cells (headers attribute),
  • the CSS classname to the table tag,
  • replacement of the summary (summary attribute of the table tag),
  • replacement of the caption (caption tag),
  • use of "impair" (odd) and "pair" (even) class names to the rows (tr tag),
  • use of "entete" (headers) class name by the headers rows,
  • column related classname to the cells: "c1", "c2", etc.,
  • use of thead and tbody,
  • tag indent.

Warning: merged cells (spancol and spanrow attribute) and overlapping tables are not correctly taken into account.

ID's prefix

The Accessible table remediation tool will give an ID to all cells. To ensure the unicity of these identifiers, you may add a prefix for all of them.

Every cell will receive an ID <prefix>LnCm, where:

  • <prefix> is the prefix you chose,
  • n is the line number (starting from 1),
  • m is the column number (starting from 1).

Example: price_L2C3 is the unique ID of the cell located at the 2nd line of the 3rd column of the table whose prefix is "price_".

Limit of responsibility

Despite the care we took, this service and the site are provided on an "as is" basis without warranties of any kind, either express or implied. If you notice an error or if you have a new idea, please let us know. Thank you in advance.

Accessible table remediation tool

Fields with a star (*) are mandatory.

Optional