The for accessibility required `caption` element in HTML tables (#tilPost)

I’m sitting at the airport in Bangkok right now (yeah vacation!!!) and am reading an article by Adrian Roselli on tables regarding accessibility.
It can not be that hard to build an accessible table. It’s just the table element incl…


This content originally appeared on Stefan Judis Web Development and was authored by Stefan Judis

I'm sitting at the airport in Bangkok right now (yeah vacation!!!) and am reading an article by Adrian Roselli on tables regarding accessibility.

It can not be that hard to build an accessible table. It's just the table element including other th, tr and td elements, right?

Not quite... The article goes into beautiful detail on what it means to build an accessible table, and in the first few paragraphs of it, it already included something that was new to me – the caption element in tables.

<table>
  <caption>Populations of cities</caption>
  <thead>
    <tr>
      <th>City</th>
      <th>Population</th>
    </tr>
  </thead>
  <tr>
    <!-- ... -->
  </tr>
</table>   

caption is one element you don't see "in the wild" very often. The spec defines it as follows:

[...] the first element child of a table element.

The caption element represents the title of the table that is its parent, if it has a parent and that is a table element.

Defining a title and some additional information for a table makes total sense to me, and more surprising than its rare usage is only that the caption element even has its own mention in the techniques for WCAG 2.0. ?

That said, my next table definitely includes a caption element.

Edited: As Eric Eggert pointed out there also other ways to label a table.


Reply to Stefan


This content originally appeared on Stefan Judis Web Development and was authored by Stefan Judis


Print Share Comment Cite Upload Translate Updates
APA

Stefan Judis | Sciencx (2018-01-04T00:00:00+00:00) The for accessibility required `caption` element in HTML tables (#tilPost). Retrieved from https://www.scien.cx/2018/01/04/the-for-accessibility-required-caption-element-in-html-tables-tilpost/

MLA
" » The for accessibility required `caption` element in HTML tables (#tilPost)." Stefan Judis | Sciencx - Thursday January 4, 2018, https://www.scien.cx/2018/01/04/the-for-accessibility-required-caption-element-in-html-tables-tilpost/
HARVARD
Stefan Judis | Sciencx Thursday January 4, 2018 » The for accessibility required `caption` element in HTML tables (#tilPost)., viewed ,<https://www.scien.cx/2018/01/04/the-for-accessibility-required-caption-element-in-html-tables-tilpost/>
VANCOUVER
Stefan Judis | Sciencx - » The for accessibility required `caption` element in HTML tables (#tilPost). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2018/01/04/the-for-accessibility-required-caption-element-in-html-tables-tilpost/
CHICAGO
" » The for accessibility required `caption` element in HTML tables (#tilPost)." Stefan Judis | Sciencx - Accessed . https://www.scien.cx/2018/01/04/the-for-accessibility-required-caption-element-in-html-tables-tilpost/
IEEE
" » The for accessibility required `caption` element in HTML tables (#tilPost)." Stefan Judis | Sciencx [Online]. Available: https://www.scien.cx/2018/01/04/the-for-accessibility-required-caption-element-in-html-tables-tilpost/. [Accessed: ]
rf:citation
» The for accessibility required `caption` element in HTML tables (#tilPost) | Stefan Judis | Sciencx | https://www.scien.cx/2018/01/04/the-for-accessibility-required-caption-element-in-html-tables-tilpost/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.