wet-boew / wet-boew-styleguide

A style guide for the Web Experience Toolkit.
http://wet-boew.github.io/wet-boew-styleguide/index-en.html
35 stars 32 forks source link

Table caption #347

Open juliemercier opened 7 years ago

juliemercier commented 7 years ago

In the tables page, in the Correct use section, it is written: Place a descriptive <h> title tag directly above a table when it does not contain a tag. This is what I stressed with my development team until I was doing some WCAG testing of our applications using JAWS and listened more closely. When jumping to tables (pressing T key) without reading any of the other content, if there is no caption, JAWS only reads what is in the table. This means the user must figure out what the table is referring to by reading through all the cells, or by exiting the T-mode to locate the heading above the table. I suggest you recommend that all tables have captions where the heading is included inside the caption something like `<h>Table heading</h*>.` This way, when a screen reader is in "table-mode" the caption is read, and if the screen reader scans the page by headings only, the caption "heading" is read as well. What do you think?

ghost commented 5 years ago

Related https://github.com/wet-boew/wet-boew/issues/7729.