WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Table headings question

for

From: Jonathan Avila
Date: Jul 26, 2017 10:26AM


Agreed, it is possible to have a table with only row headers. An example is provided in this tutorial.
https://www.w3.org/WAI/tutorials/tables/one-header/

Jonathan

Jonathan Avila
Chief Accessibility Officer
Level Access, inc. (formerly SSB BART Group, inc.)
<EMAIL REMOVED>
703.637.8957 (Office)
Visit us online: Website | Twitter | Facebook | LinkedIn | Blog
Looking to boost your accessibility knowledge? Check out our free webinars!

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Beranek, Nicholas via WebAIM-Forum
Sent: Wednesday, July 26, 2017 10:53 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Table headings question

Those TH elements should have a scope="row". If they have visible text that could serve as a CAPTION, then have them properly mark it up. If not, then you may want them to add it or use the summary attribute. It doesn't look like they need column headers since it only has two columns and the first column has row headers.

Nick Beranek
Capital One

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Preast, Vanessa
Sent: Wednesday, July 26, 2017 9:56 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [WebAIM] Table headings question

I've run across the following table code and am not sure what to think. The table has <th> for the row headers cells only; there are no column headers. The table is also missing a caption.

Do data tables have to have column headers and caption to be accessible, or are row headers sufficient?

<div class="table-responsive">
<table class="table table-striped">
<tbody>
<tr>
<th>Hours</th>
<td>Monday-Friday from&nbsp;8 a.m. to 5 p.m</td> </tr> <tr> <th>Appointments</th> <td>[phone]</td> </tr> <tr> <th>Location</th> <td><a href="[url]"> [address]</a></td> </tr> </tbody> </table></div>

Thanks,
Vanessa
The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.