HTML and XHTML Techniques - H51: Using table markup to present tabular information - amendment

Submitter's Name: Sailesh Panchang
Submitter's Email: sailesh.panchang@deque.com

Technique ID: UNKNOWN
Short Name: H51: Using table markup to present tabular information - amendment
Technique Category: HTML and XHTML Techniques
Success Criterion Reference: UNKNOWN

Applicability:
Data tables with multiple table rows that serve as column headers. Applies to SC 1.3.1

Description:
Append to existing description:
Screen readers like JAWS and NVDA speak  column headers marked up as “TH” occurring in multiple rows of a table. This obviates the need to use the headers-id method for associating header and data cells (Technique H43) in such tables. Developers need to take note of this. 
As a direct consequence of this, it is necessary to include a scope attribute even for cells marked up with the TH tag. 
So marking up row header cells in the first column of a table with TH scope=”row” ensures that thecontents of that cell are not treated as column header for rows below. 
This technique works reliably with: 
-	NVDA 2012/ 2013 with Firefox, 
-	JAWS 14 with Google Chrome, and
-	JAWS 12 and later with Internet Explorer 8/9 and Firefox    


Example 1 Head: Comparative Income Statement for Quarter-1 and Quarter-2
Example 1 Description:
<table border="1" width="90%">
<thead>
<tr><th rowspan="3"></th>
<th colspan="2">Quarter-1</th> <th colspan="2">Quarter-2</th></tr>
<tr><th>Last</th><th>Current</th> <th>Last</th><th>Current</th></tr>
<tr><th>U.S. $ million</th><th>U.S. $ million</th>
 <th>U.S. $ million</th><th>U.S. $ million</th></tr>
</thead>
<tbody>
<tr><th scope="row">Total Revenue</th>
<td>56.55</td><td>61.20</td>
<td>59.00</td><td>65.50</td></tr>
<tr><th scope="row">Cost of Revenue</th>
<td>29.40</td><td>35.10</td>
<td>30.20</td><td>32.00</td></tr>
<tr><th scope="row">Gross Profit</th>
<td>27.15</td><td>26.10</td>
<td>28.80</td><td>33.50</td></tr>
</tbody>
</table>


Related Techniques:
H43
H51
H63

Additional Notes:
Example file at
http://mars.dequecloud.com/demo/Table-multi-col.htm


No guidelines reference was submitted!
No UA issues were submitted!
No example 2 header was submitted!
No example 2 description was submitted!
No resource 1 title submitted!
No resource 1 URI submitted!
No resource 2 title submitted!
No resource 2 URI submitted!
No test procedure was submitted!
No expected result was submitted!
No test file 1 was submitted!
No test file 1 pass/fail was submitted!
No test file 2 was submitted!
No test file 2 pass/fail was submitted!


------------------------------------------------

<technique id="UNKNOWN">
<short-name>H51: Using table markup to present tabular information - amendment</short-name>
<applies-to>
<guideline idref="" />
<success-criterion idref="UNKNOWN" />
</applies-to>

<applicability>
Data tables with multiple table rows that serve as column headers. Applies to SC 1.3.1
</applicability>
<ua_issues>

</ua_issues>
<description>
Append to existing description:
Screen readers like JAWS and NVDA speak  column headers marked up as “TH” occurring in multiple rows of a table. This obviates the need to use the headers-id method for associating header and data cells (Technique H43) in such tables. Developers need to take note of this. 
As a direct consequence of this, it is necessary to include a scope attribute even for cells marked up with the TH tag. 
So marking up row header cells in the first column of a table with TH scope=”row” ensures that thecontents of that cell are not treated as column header for rows below. 
This technique works reliably with: 
-	NVDA 2012/ 2013 with Firefox, 
-	JAWS 14 with Google Chrome, and
-	JAWS 12 and later with Internet Explorer 8/9 and Firefox    

</description>

<examples>
<ex_head_1>
Comparative Income Statement for Quarter-1 and Quarter-2
</ex_head_1>
<ex_desc_1>
<table border=&quot;1&quot; width=&quot;90%&quot;>
<thead>
<tr><th rowspan=&quot;3&quot;></th>
<th colspan=&quot;2&quot;>Quarter-1</th> <th colspan=&quot;2&quot;>Quarter-2</th></tr>
<tr><th>Last</th><th>Current</th> <th>Last</th><th>Current</th></tr>
<tr><th>U.S. $ million</th><th>U.S. $ million</th>
 <th>U.S. $ million</th><th>U.S. $ million</th></tr>
</thead>
<tbody>
<tr><th scope=&quot;row&quot;>Total Revenue</th>
<td>56.55</td><td>61.20</td>
<td>59.00</td><td>65.50</td></tr>
<tr><th scope=&quot;row&quot;>Cost of Revenue</th>
<td>29.40</td><td>35.10</td>
<td>30.20</td><td>32.00</td></tr>
<tr><th scope=&quot;row&quot;>Gross Profit</th>
<td>27.15</td><td>26.10</td>
<td>28.80</td><td>33.50</td></tr>
</tbody>
</table>

</ex_desc_1>
<ex_head_2>

</ex_head_2>
<ex_desc_2>

</ex_desc_2>
</examples>

<resources>
<resources_title1>

</resources_title1>
<resource_uri1>

</resource_uri1>
<resources_title2>

</resources_title2>
<resource_uri2>

</resource_uri2>
</resources>

<related_techniques>
<related_technique>
H43
</related_technique>
<related_technique>
H51
</related_technique>
<related_technique>
H63
</related_technique>
</related_techniques>

<tests>
<procedure>

</procedure>
<expected_result>

</expected_result>
<test_file_1>

</test_file_1>
<pass_fail_1>

</pass_fail_1>
<test_file_2>

</test_file_2>
<pass_fail_2>

</pass_fail_2>
</tests>

</technique>

Additional Notes:

Example file at
http://mars.dequecloud.com/demo/Table-multi-col.htm

Received on Sunday, 19 May 2013 18:59:11 UTC