- From: WCAG 2.0 Techniques Submission Form <nobody@w3.org>
- Date: Fri, 27 Jan 2012 03:24:18 +0000
- To: public-wcag2-techs@w3.org
Submitter's Name: Pierre Dubois Submitter's Email: duboisp2@gmail.com Technique ID: UNKNOWN Short Name: Identifying data group (tbody) in a data table Technique Category: HTML and XHTML Techniques Success Criterion Reference: UNKNOWN Applicability: HTML and XHTML This techniques relates to: * Success Criterion 1.3.1 (Info and Relationships) Description: The objective of this techniques is to identifying each data group (tbody) in a data table. This techniques may be applied, in a data table context, when more than one data row grouping (tbody) are present. When only one data row grouping (tbody) exist, the table caption may identify the data group. The identification of a data group is represented by a cell header (th) with the attribute scope set to "rowgroup". The data group identification may be made inside it's group to be identified. The same identification patern may be use for each data group. With technique G57: Ordering content in a meaningful sequence, the cell header (th) to identify the data group may be the first cell header element. Example 1 Head: Data group identified in a full row Example 1 Description: <table> <caption>Example 1 - Data group identified in a full row</caption> <thead> <tr> <td></td> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <th colspan="3" scope="rowgroup">Row Group 1</th> </tr> <tr> <th>Row 1a</th> <td>1 1a</td> <td>1 1a</td> </tr> <tr> <th>Row 1b</th> <td>1 1b</td> <td>2 1b</td> </tr> </tbody> <tbody> <tr> <th colspan="3" scope="rowgroup">Row Group 2</th> </tr> <tr> <th>Row 2a</th> <td>1 2a</td> <td>1 2a</td> </tr> <tr> <th>Row 2b</th> <td>1 2b</td> <td>2 2b</td> </tr> </tbody> </table> Example 2 Head: Data group identified in a full column Example 2 Description: <table> <caption>Example 2 - Data group identified in a full column</caption> <thead> <tr> <td colspan="2"></td> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <th rowspan="2" scope="rowgroup">Row Group 1</th> <th>Row 1a</th> <td>1 1a</td> <td>1 1a</td> </tr> <tr> <th>Row 1b</th> <td>1 1b</td> <td>2 1b</td> </tr> </tbody> <tbody> <tr> <th rowspan="2" scope="rowgroup">Row Group 2</th> <th>Row 2a</th> <td>1 2a</td> <td>1 2a</td> </tr> <tr> <th>Row 2b</th> <td>1 2b</td> <td>2 2b</td> </tr> </tbody> </table> Resource 1 Title: dev HTML5 - Header and data cell semantics Resource 1 URI: http://dev.w3.org/html5/spec/Overview.html#header-and-data-cell-semantics Related Techniques: G57 H39 H51 F46 Test Procedure: 1. If more than one tbody element are present in the table 2. Check if each group are identified with a cell heading (th) with a scope attribute set to rowgroup 3. Check if each group follow the same identification patern With the technique G57: Odering the content in a meaningful sequence... 4. Check if each data group (tbody) are identified at the first cell heading element (th). Expected Result: Check #2 and #3 are true. With the technique G57: Odering the content in a meaningful sequence... Check #4 is true. Test File 1: <table> <caption>Faillure 1 - Each group are not identified</caption> <thead> <tr> <td></td> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <th>Row 1a</th> <td>1 1a</td> <td>1 1a</td> </tr> <tr> <th>Row 1b</th> <td>1 1b</td> <td>2 1b</td> </tr> </tbody> <tbody> <tr> <th>Row 2a</th> <td>1 2a</td> <td>1 2a</td> </tr> <tr> <th>Row 2b</th> <td>1 2b</td> <td>2 2b</td> </tr> </tbody> </table> Test File 1 Pass/Fail: fail Test File 2: <table> <caption>Faillure 2 - Each group are not following the same identification patern</caption> <thead> <tr> <td colspan="2"></td> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <th colspan="4" scope="rowgroup">Row Group 1</th> </tr> <tr> <th colspan="2">Row 1a</th> <td>1 1a</td> <td>1 1a</td> </tr> <tr> <th colspan="2">Row 1b</th> <td>1 1b</td> <td>2 1b</td> </tr> </tbody> <tbody> <tr> <th rowspan="2" scope="rowgroup">Row Group 2</th> <th>Row 2a</th> <td>1 2a</td> <td>1 2a</td> </tr> <tr> <th>Row 2b</th> <td>1 2b</td> <td>2 2b</td> </tr> </tbody> </table> With the technique G57 <table> <caption>Faillure 3 - Each group are not identified in a meaningiful sequence</caption> <thead> <tr> <td></td> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <th>Row 1a</th> <td>1 1a</td> <td>1 1a</td> </tr> <tr> <th>Row 1b</th> <td>1 1b</td> <td>2 1b</td> </tr> <tr> <th colspan="3" scope="rowgroup">Row Group 1</th> </tr> </tbody> <tbody> <tr> <th>Row 2a</th> <td>1 2a</td> <td>1 2a</td> </tr> <tr> <th>Row 2b</th> <td>1 2b</td> <td>2 2b</td> </tr> <tr> <th colspan="3" scope="rowgroup">Row Group 2</th> </tr> </tbody> </table> Test File 2 Pass/Fail: fail Additional Notes: This technique is related to a recently submited technique, HTML and XHTML Techniques - Using table row grouping to associate data cells with header cells in data tables) (http://lists.w3.org/Archives/Public/public-wcag2-techs/2012Jan/0001.html) I know I only added reference to the HTML5 specification under development, but I feel this technique can be applied to any XHTML and HTML document. No guidelines reference was submitted! No UA issues were submitted! No resource 2 title submitted! No resource 2 URI submitted! ------------------------------------------------ <technique id="UNKNOWN"> <short-name>Identifying data group (tbody) in a data table</short-name> <applies-to> <guideline idref="" /> <success-criterion idref="UNKNOWN" /> </applies-to> <applicability> HTML and XHTML This techniques relates to: * Success Criterion 1.3.1 (Info and Relationships) </applicability> <ua_issues> </ua_issues> <description> The objective of this techniques is to identifying each data group (tbody) in a data table. This techniques may be applied, in a data table context, when more than one data row grouping (tbody) are present. When only one data row grouping (tbody) exist, the table caption may identify the data group. The identification of a data group is represented by a cell header (th) with the attribute scope set to "rowgroup". The data group identification may be made inside it's group to be identified. The same identification patern may be use for each data group. With technique G57: Ordering content in a meaningful sequence, the cell header (th) to identify the data group may be the first cell header element. </description> <examples> <ex_head_1> Data group identified in a full row </ex_head_1> <ex_desc_1> <table> <caption>Example 1 - Data group identified in a full row</caption> <thead> <tr> <td></td> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <th colspan="3" scope="rowgroup">Row Group 1</th> </tr> <tr> <th>Row 1a</th> <td>1 1a</td> <td>1 1a</td> </tr> <tr> <th>Row 1b</th> <td>1 1b</td> <td>2 1b</td> </tr> </tbody> <tbody> <tr> <th colspan="3" scope="rowgroup">Row Group 2</th> </tr> <tr> <th>Row 2a</th> <td>1 2a</td> <td>1 2a</td> </tr> <tr> <th>Row 2b</th> <td>1 2b</td> <td>2 2b</td> </tr> </tbody> </table> </ex_desc_1> <ex_head_2> Data group identified in a full column </ex_head_2> <ex_desc_2> <table> <caption>Example 2 - Data group identified in a full column</caption> <thead> <tr> <td colspan="2"></td> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <th rowspan="2" scope="rowgroup">Row Group 1</th> <th>Row 1a</th> <td>1 1a</td> <td>1 1a</td> </tr> <tr> <th>Row 1b</th> <td>1 1b</td> <td>2 1b</td> </tr> </tbody> <tbody> <tr> <th rowspan="2" scope="rowgroup">Row Group 2</th> <th>Row 2a</th> <td>1 2a</td> <td>1 2a</td> </tr> <tr> <th>Row 2b</th> <td>1 2b</td> <td>2 2b</td> </tr> </tbody> </table> </ex_desc_2> </examples> <resources> <resources_title1> dev HTML5 - Header and data cell semantics </resources_title1> <resource_uri1> http://dev.w3.org/html5/spec/Overview.html#header-and-data-cell-semantics </resource_uri1> <resources_title2> </resources_title2> <resource_uri2> </resource_uri2> </resources> <related_techniques> <related_technique> G57 </related_technique> <related_technique> H39 </related_technique> <related_technique> H51 </related_technique> <related_technique> F46 </related_technique> </related_techniques> <tests> <procedure> 1. If more than one tbody element are present in the table 2. Check if each group are identified with a cell heading (th) with a scope attribute set to rowgroup 3. Check if each group follow the same identification patern With the technique G57: Odering the content in a meaningful sequence... 4. Check if each data group (tbody) are identified at the first cell heading element (th). </procedure> <expected_result> Check #2 and #3 are true. With the technique G57: Odering the content in a meaningful sequence... Check #4 is true. </expected_result> <test_file_1> <table> <caption>Faillure 1 - Each group are not identified</caption> <thead> <tr> <td></td> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <th>Row 1a</th> <td>1 1a</td> <td>1 1a</td> </tr> <tr> <th>Row 1b</th> <td>1 1b</td> <td>2 1b</td> </tr> </tbody> <tbody> <tr> <th>Row 2a</th> <td>1 2a</td> <td>1 2a</td> </tr> <tr> <th>Row 2b</th> <td>1 2b</td> <td>2 2b</td> </tr> </tbody> </table> </test_file_1> <pass_fail_1> fail </pass_fail_1> <test_file_2> <table> <caption>Faillure 2 - Each group are not following the same identification patern</caption> <thead> <tr> <td colspan="2"></td> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <th colspan="4" scope="rowgroup">Row Group 1</th> </tr> <tr> <th colspan="2">Row 1a</th> <td>1 1a</td> <td>1 1a</td> </tr> <tr> <th colspan="2">Row 1b</th> <td>1 1b</td> <td>2 1b</td> </tr> </tbody> <tbody> <tr> <th rowspan="2" scope="rowgroup">Row Group 2</th> <th>Row 2a</th> <td>1 2a</td> <td>1 2a</td> </tr> <tr> <th>Row 2b</th> <td>1 2b</td> <td>2 2b</td> </tr> </tbody> </table> With the technique G57 <table> <caption>Faillure 3 - Each group are not identified in a meaningiful sequence</caption> <thead> <tr> <td></td> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <th>Row 1a</th> <td>1 1a</td> <td>1 1a</td> </tr> <tr> <th>Row 1b</th> <td>1 1b</td> <td>2 1b</td> </tr> <tr> <th colspan="3" scope="rowgroup">Row Group 1</th> </tr> </tbody> <tbody> <tr> <th>Row 2a</th> <td>1 2a</td> <td>1 2a</td> </tr> <tr> <th>Row 2b</th> <td>1 2b</td> <td>2 2b</td> </tr> <tr> <th colspan="3" scope="rowgroup">Row Group 2</th> </tr> </tbody> </table> </test_file_2> <pass_fail_2> fail </pass_fail_2> </tests> </technique> Additional Notes: This technique is related to a recently submited technique, HTML and XHTML Techniques - Using table row grouping to associate data cells with header cells in data tables) (http://lists.w3.org/Archives/Public/public-wcag2-techs/2012Jan/0001.html) I know I only added reference to the HTML5 specification under development, but I feel this technique can be applied to any XHTML and HTML document.
Received on Friday, 27 January 2012 03:24:20 UTC