E-mail List Archives
Thread: Table Scope=row
Number of posts in this thread: 6 (In chronological order)
From: Greg Gamble
Date: Tue, Sep 26 2017 2:24PM
Subject: Table Scope=row
No previous message | Next message →
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> </td>
<td colspan="2">Class #2</td>
</tr>
<tr>
<td> </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
From: Greg Gamble
Date: Thu, Sep 28 2017 8:00AM
Subject: Re: Table Scope=row
← Previous message | Next message →
Anything??
Greg
From: Greg Gamble
Date: Thu, Sep 28 2017 8:11AM
Subject: Re: Table Scope=row
← Previous message | Next message →
If it helps, here is a snip that might be helpful in viewing the table structure
https://bootsnipp.com/snippets/O5VBM
Greg
From: Lovely, Brian (CONT)
Date: Thu, Sep 28 2017 8:52AM
Subject: Re: Table Scope=row
← Previous message | Next message →
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.
From: Beranek, Nicholas
Date: Thu, Sep 28 2017 9:02AM
Subject: Re: Table Scope=row
← Previous message | Next message →
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
From: Greg Gamble
Date: Thu, Sep 28 2017 10:28AM
Subject: Re: Table Scope=row
← Previous message | No next message
Ahh ... I see the row span ... that's the missing piece. Thanks.
Greg Gamble
p - 360-704-4376