WebAIM - Web Accessibility In Mind

E-mail List Archives

Table Scope=row

for

From: Greg Gamble
Date: Sep 26, 2017 2:24PM

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