- From: WCAG 2.0 Techniques Submission Form <nobody@w3.org>
- Date: Sun, 19 May 2013 18:59:06 +0000
- To: public-wcag2-techs@w3.org
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="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> </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