WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Table Scope=row

for

From: Greg Gamble
Date: Sep 28, 2017 8:11AM

If it helps, here is a snip that might be helpful in viewing the table structure

https://bootsnipp.com/snippets/O5VBM


Greg



-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Greg Gamble
Sent: Thursday, September 28, 2017 7: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