During audio rendering of a table, the relation between data cells and the header cells is expressed in a different way than by standard horizontal and vertical alignment. The best way to separate these two cell types is by using the property speak-header that helps the browsers understand at which moment the headers should be spoken.

Speak-header property

The speak-header property contains following information:

  1. value: once, always or inherit;
  2. initial: once;
  3. applies to: elements with table headers;
  4. inherited: yes;
  5. percentages: N/A;
  6. media: aural;
  7. computed value: as specified.

This property specifies whether the table headers are spoken before every cell or only before a cell that is associated with a different header than the previous cell. The value once will make the header get spoken only once before a series if cells while the value always makes the header get spoken before every pertinent cell.

Example

CSS audio tables example:

 

›› go to examples ››