WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Table Scope=row

for

From: Beranek, Nicholas
Date: Sep 28, 2017 9:02AM


Hi Greg,

I'm having success with NVDA with the following markup:

<tr>
<th scope="rowgroup" rowspan="3">High School Class(s)</th>
<td colspan="3">Class #1</td>
</tr>
<tr>
<td colspan="3">Class #2</td>
</tr>
<tr>
<td colspan="3">Class #3</td>
</tr>

It reads the row header like a dream. Let me know how that works for you.

Nick Beranek
Capital One

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Lovely, Brian (CONT) via WebAIM-Forum
Sent: Thursday, September 28, 2017 10:53 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Table Scope=row

I've never worked with a table structured quite like this before, but I would recommend trying rowgroup for the value of the scope attribute for High School Class(s) and also IDs/headers attributes to ensure the header/data relationships are clear.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Greg Gamble
Sent: Thursday, September 28, 2017 10:00 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Table Scope=row

Anything??

Greg


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Greg Gamble
Sent: Tuesday, September 26, 2017 1:25 PM
To: <EMAIL REMOVED>
Subject: [WebAIM] Table Scope=row

I have a table I'm dynamically generating. There are multiple rows that should have the same scope/header. In the example rows 3, 4 and 5 are HS Classes. Will calling the TH with scope=row on first row suffice, or do I need to add the TH for each of the 3 row's. Look wise it works fine and NVDA sounds ok to me with Header called once and each of the three classes called afterward.

Question is ... is this the expected way to create a table like this?


<table>
<tbody>
<tr>
<th scope="row">Articulation Name</th>
<td colspan="2">Accounting</td>
</tr>
<tr>
<th scope="row">High School</th>
<td colspan="2">Kentwood</td>
</tr>
<tr>
<th scope="row">High School Class(s)</th>
<td colspan="2">Class #1</td>
</tr>
<tr>
<td>&nbsp;</td>
<td colspan="2">Class #2</td>
</tr>
<tr>
<td>&nbsp;</td>
<td colspan="2">Class #3</td>
</tr>
<tr>
<th scope="row">College</th>
<td colspan="2"><a href="http://www.greenriver.edu" target="_blank">Green River</a></td>
</tr>
<tr>
<th scope="col">College Course(s)</th>
<td>ACCT 110</td>
<td>Credits: 5</td>
</tr>
</tbody>
</table>

Greg Gamble
SBCTC - Olympia | Information Services
p - 360-704-4376
P think before printing

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.