From MemberWiki
OAA Rules Home |
WCAG 2.0 Summary of Rules |
Rule Category Summary of Rules |
Abbreviation Rules |
Audio Rules |
Color Rules |
Embedded Application Rules |
Form Control Rules |
Heading Rules |
Image Rules |
Landmark Rules |
Language Rules |
Layout Rules |
List Rules |
Link Rules |
Page Navigation Rules |
Scripting Rules |
Table Rules |
Timing Rules |
Title Rules |
Video Rules |
Widget Rules
Table Rule Details
Table Rule 1: Data table must/should have headers
| Property
| Value(s)
| Up To Date
|
| Definition
| Data cells must/should have header cells
| yes
|
| Summary
| Data table must/should have headers
| yes
|
| Purpose
|
- Data cells need header cells for people using speech to understand the content of the table cell, since they cannot see the visual relationships with header cells
| yes
|
| Rule ID
| TABLE_1
| yes
|
| NLS Rule ID
| Table Rule 1
| yes
|
| Techniques
|
- Use TH elements in the first row or column to identify row and column headers in a simple data tables
- Use HEADERS attribute on each TD element to identify header information in complex data tables
- Use TH element for cells used as header cells in the table
- While not recommended, it is valid to use TD element with a SCOPE attribute as header cell
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Element
| yes
|
| WCAG 2.0 Primary
| 1.3.1
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Table
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| TD elements
| yes
|
| Resource Properties
|
- headers
- header_content
- header_source
| yes
|
Table Rule 1: Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| The data cell with content has at least one header cells
| yes
|
| All Pass: Plural
| All %N_P data cells have header cells
| yes
|
| Manual Check: Singular
| empty string
| yes
|
| Manual Check: Plural
| empty string
| yes
|
| Some Fail
| %N_F out of %N_T data cells do NOT have header cells
| yes
|
| All Fail: Singular
| The data cell with content does NOT have any header cells
| yes
|
| All Fail: Plural
| All %N_F data cells with content do NOT have any header cells
| yes
|
| Corrective Action: Singular
| add TH or TD[SCOPE] elements to the first row or column of the data table or add a HEADERS attribute to define the headers for the data cell
| yes
|
| Corrective Action: Plural
| add TH or TD[SCOPE] elements to the first row or column of the table or use the HEADERS attribute to define headers for the data cell
| yes
|
| Not Applicable
| No data tables in the page
| yes
|
Table Rule 1: Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| The TD element uses the HEADERS attribute with the following is: '1' TO DEFINE HEADER CELLS
| yes
|
| Pass 2
| The TD element has at least one header cell in the row and/or column that contains the cell
| yes
|
| Pass 3
| empty string
| yes
|
| Manual Check 1
| The TD element does not have any text content and it does not have any header cells, verify that this cell is being used for formatting and does not need headers
| yes
|
| Manual Check 2
| empty string
| yes
|
| Manual Check 3
| empty string
| yes
|
| Corrective Action 1
| add header cells using the HEADERS attribute, since this table is a complex table
| yes
|
| Corrective Action 2
| add header cells using row and/or column TH elements, or the HEADERS attribute on the TD element
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| TD element is hidden from asssistive technologies
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
Table Rule 2T (Transitional): Data tables must/should have caption
| Property
| Value(s)
| Up To Date
|
| Definition
| Each data table must/should have a effective caption with content
| yes
|
| Summary
| Data tables must/should have caption
| yes
|
| Purpose
|
- Effective caption of a table is important for people using speech, people with visual impairments and people with learning disabilities to help them understand the purpose of the table
| yes
|
| Rule ID
| TABLE_2T
| yes
|
| NLS Rule ID
| Table Rule 2T (Transitional)
| yes
|
| Techniques
|
- Use CAPTION element to provide an effective label
- Use SUMMARY attribute to provide an effective label
- If the table is not used for tabular data, but instead for layout of content, use the ROLE="PRESENTATION" on all the table elements
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Element
| yes
|
| WCAG 2.0 Primary
| 1.3.2
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Table
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| CAPTION and TABLE[SUMMARY] elements
| yes
|
| Resource Properties
|
- is_data_table
- effective_caption
- effective_summary
| yes
|
Table Rule 2T (Transitional): Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| The data table has has an effective caption
| yes
|
| All Pass: Plural
| All %N_P data tables have an effective caption
| yes
|
| Manual Check: Singular
| empty string
| yes
|
| Manual Check: Plural
| empty string
| yes
|
| Some Fail
| %N_F out of %N_T data tables do NOT have an effective caption
| yes
|
| All Fail: Singular
| Data table does NOT have an effective caption
| yes
|
| All Fail: Plural
| All %N_F data tables do NOT have an effective caption
| yes
|
| Corrective Action: Singular
| add CAPTION element or SUMMARY attribute to provide an effective caption
| yes
|
| Corrective Action: Plural
| add CAPTION element or SUMMARY attribute to each of the %N_F tables to provide an effective caption
| yes
|
| Not Applicable
| No data tables on the page
| yes
|
Table Rule 2T (Transitional): Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| Data table has an effective caption using the CAPTION with content: '%1'
| yes
|
| Pass 2
| Data table has an effective caption using the SUMMARY attribute with content: '%1'
| yes
|
| Pass 3
| empty string
| yes
|
| Manual Check 1
| empty string
| yes
|
| Manual Check 2
| empty string
| yes
|
| Manual Check 3
| empty string
| yes
|
| Corrective Action 1
| add CAPTION element or SUMMARY attribute to provide an effective caption for the table, or if the table is really being used for layout or positioning add ROLE="PRESENTATION" to the TABLE element
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| table is hidden from asssistive technologies
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
Table Rule 2S (Single Data Table): Data tables must/should have caption
| Property
| Value(s)
| Up To Date
|
| Definition
| If there is only one data table on a page, it must/should have an effective caption with content
| yes
|
| Summary
| Data tables must/should have caption
| yes
|
| Purpose
|
- Effective caption of a table is important for people using speech, people with visual impairments and people with learning disabilities to help them understand the purpose of the table
| yes
|
| Rule ID
| TABLE_2S
| yes
|
| NLS Rule ID
| Table Rule 2S (Single Data Table)
| yes
|
| Techniques
|
- Use CAPTION element to provide an effective label
- Use SUMMARY attribute to provide an effective label
- If the table is not used for tabular data, but instead for layout of content, use the ROLE="PRESENTATION" on all the table elements
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Element
| yes
|
| WCAG 2.0 Primary
| 1.3.1
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Table
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| TH and TD[SCOPE] elements
| yes
|
| Resource Properties
|
- is_data_table
- effective_caption
- effective_summary
| yes
|
Table Rule 2S (Single Data Table): Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| The data table has has an effective caption
| yes
|
| All Pass: Plural
| empty string
| yes
|
| Manual Check: Singular
| empty string
| yes
|
| Manual Check: Plural
| empty string
| yes
|
| Some Fail
| empty string
| yes
|
| All Fail: Singular
| Data table does NOT have an effective caption
| yes
|
| All Fail: Plural
| empty string
| yes
|
| Corrective Action: Singular
| add CAPTION element or SUMMARY attribute to provide an effective caption
| yes
|
| Corrective Action: Plural
| empty string
| yes
|
| Not Applicable
| More than one or no data tables on the page
| yes
|
Table Rule 2S (Single Data Table): Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| Data table has an effective caption using the CAPTION with content: '%1'
| yes
|
| Pass 2
| Data table has an effective caption using the SUMMARY attribute with content: '%1'
| yes
|
| Pass 3
| empty string
| yes
|
| Manual Check 1
| empty string
| yes
|
| Manual Check 2
| empty string
| yes
|
| Manual Check 3
| empty string
| yes
|
| Corrective Action 1
| add CAPTION element or SUMMARY attribute to provide an effective caption for the table, or if the table is really being used for layout or positioning add ROLE="PRESENTATION" to the TABLE element
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| table is hidden from asssistive technologies
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
Table Rule 2M (Multiple Data Tables): Data tables must/should have caption
| Property
| Value(s)
| Up To Date
|
| Definition
| If there is more than one data table on a page, each data table must/should have a effective caption with content
| yes
|
| Summary
| Data tables must/should have caption
| yes
|
| Purpose
|
- Effective caption of a table is important for people using speech, people with visual impairments and people with learning disabilities to help them understand the purpose of the table
| yes
|
| Rule ID
| TABLE_2M
| yes
|
| NLS Rule ID
| Table Rule 2M (Multiple Data Tables)
| yes
|
| Techniques
|
- Use CAPTION element to provide an effective label
- Use SUMMARY attribute to provide an effective label
- If the table is not used for tabular data, but instead for layout of content, use the ROLE="PRESENTATION" on all the table elements
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Element
| yes
|
| WCAG 2.0 Primary
| 1.3.1
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Table
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| CAPTION and TABLE[SUMMARY] elements
| yes
|
| Resource Properties
|
- is_data_table
- effective_caption
- effective_summary
| yes
|
Table Rule 2M (Multiple Data Tables): Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| The data table has has an effective caption
| yes
|
| All Pass: Plural
| All %N_P data tables have an effective caption
| yes
|
| Manual Check: Singular
| empty string
| yes
|
| Manual Check: Plural
| empty string
| yes
|
| Some Fail
| %N_F out of %N_T data tables do NOT have an effective caption
| yes
|
| All Fail: Singular
| Data table does NOT have an effective caption
| yes
|
| All Fail: Plural
| All %N_F data tables do NOT have an effective caption
| yes
|
| Corrective Action: Singular
| add CAPTION element or SUMMARY attribute to provide an effective caption
| yes
|
| Corrective Action: Plural
| add CAPTION element or SUMMARY attribute to each of the %N_F tables to provide an effective caption
| yes
|
| Not Applicable
| Only one or no data tables on the page
| yes
|
Table Rule 2M (Multiple Data Tables): Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| Data table has an effective caption using the CAPTION with content: '%1'
| yes
|
| Pass 2
| Data table has an effective caption using the SUMMARY attribute with content: '%1'
| yes
|
| Pass 3
| empty string
| yes
|
| Manual Check 1
| empty string
| yes
|
| Manual Check 2
| empty string
| yes
|
| Manual Check 3
| empty string
| yes
|
| Corrective Action 1
| add CAPTION element or SUMMARY attribute to provide an effective caption for the table, or if the table is really being used for layout or positioning add ROLE="PRESENTATION" to the TABLE element
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| table is hidden from asssistive technologies
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
Table Rule 3: caption must/should be different from summary
| Property
| Value(s)
| Up To Date
|
| Definition
| The effective caption content and effective summary content of each data table must/should not be the same
| yes
|
| Summary
| CAPTION must/should be different from SUMMARY
| yes
|
| Purpose
|
- CAPTION element should be used to provide a title for a table so users of asssitive technology can determine if they would like to explore the data
- SUMMARY attribute should be used to provide a provide information about the data or a summary of the data in a table so users of asssitive technology can get a summary of the table information
| yes
|
| Rule ID
| TABLE_3
| yes
|
| NLS Rule ID
| Table Rule 3
| yes
|
| Techniques
|
- Use CAPTION element to provide a title for the table
- Use the SUMMARY attribute to provide a summary of the content or conclusions that can be understood by viewing the data in the table
- If the table is not used for tabular data, but instead for layout of content, use the ROLE="PRESENTATION" on all the table elements
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Element
| yes
|
| WCAG 2.0 Primary
| 1.3.1
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Table
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| CAPTION element and TABLE[SUMMARY] attribute
| yes
|
| Resource Properties
|
- is_data_table
- effective_caption
- effective_summary
| yes
|
Table Rule 3: Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| The data table has CAPTION element content that is different than SUMMARY attribute content
| yes
|
| All Pass: Plural
| All %N_P data tables have CAPTION element content that is different than SUMMARY attribute content
| yes
|
| Manual Check: Singular
| empty string
| yes
|
| Manual Check: Plural
| empty string
| yes
|
| Some Fail
| %N_F out of %N_T data tables do NOT have CAPTION element content that is different than SUMMARY attribute content
| yes
|
| All Fail: Singular
| Data table does NOT have CAPTION element content that is different than SUMMARY attribute content
| yes
|
| All Fail: Plural
| All %N_F data tables do NOT have CAPTION element content that is different than SUMMARY attribute content
| yes
|
| Corrective Action: Singular
| update CAPTION element content to give the table a descriptive title and update the SUMMARY attribute to provide a summary of the content or conclusions that can be reached by viewing the data in the table
| yes
|
| Corrective Action: Plural
| update CAPTION element content to give the table a descriptive title and update the SUMMARY attribute to provide a summary of the content or conclusions that can be reached by viewing the data in each of the %N_F table
| yes
|
| Not Applicable
| No data tables on the page with both a CAPTION element and SUMMARY attribute
| yes
|
Table Rule 3: Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| The text content of the CAPTION element is different that the text content of the SUMMARY content
| yes
|
| Pass 2
| empty string
| yes
|
| Pass 3
| empty string
| yes
|
| Manual Check 1
| empty string
| yes
|
| Manual Check 2
| empty string
| yes
|
| Manual Check 3
| empty string
| yes
|
| Corrective Action 1
| Update the text content of the CAPTION element and the SUMMARY attribute so they are different, use the CAPTION element to provide a title for the table and the SUMMARY element to describe the data or a summary of the data
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| table is hidden from asssistive technologies
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
Table Rule 4: must/should th elements for head cells
| Property
| Value(s)
| Up To Date
|
| Definition
| Each data table header cell must/should use th elements rather than td element with a scope attribute
| yes
|
| Summary
| must/should TH elements for head cells
| yes
|
| Purpose
|
- TH element is the web standards way to identify header cells in a table, makes the data table source code easier to read and debug for accessibility problems
| yes
|
| Rule ID
| TABLE_4
| yes
|
| NLS Rule ID
| Table Rule 4
| yes
|
| Techniques
|
- Use TH elements in the first row or column to identify row and column headers in a simple data tables
- Use HEADERS attribute on each TD element to identify header information in complex data tables
- Use TH element for cells used as header cells in the table
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Element
| yes
|
| WCAG 2.0 Primary
| 1.3.1
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Table
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| TH and TD[SCOPE] elements
| yes
|
| Resource Properties
|
| yes
|
Table Rule 4: Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| The header cell uses TH element
| yes
|
| All Pass: Plural
| All %N_P header cells use TH element
| yes
|
| Manual Check: Singular
| empty string
| yes
|
| Manual Check: Plural
| empty string
| yes
|
| Some Fail
| %N_F out of %N_T header cells do NOT use TH element
| yes
|
| All Fail: Singular
| The header cell does NOT use TH element
| yes
|
| All Fail: Plural
| All %N_F header cell do NOT use TH element
| yes
|
| Corrective Action: Singular
| change the TD[SCOPE] element to a TH element
| yes
|
| Corrective Action: Plural
| change the TD[SCOPE] element to a TH element for each of the %N_F header cells using TD[SCOPE]
| yes
|
| Not Applicable
| No header cells identified on this page
| yes
|
Table Rule 4: Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| The TH element is used for header cell
| yes
|
| Pass 2
| empty string
| yes
|
| Pass 3
| empty string
| yes
|
| Manual Check 1
| empty string
| yes
|
| Manual Check 2
| empty string
| yes
|
| Manual Check 3
| empty string
| yes
|
| Corrective Action 1
| Change the TD[SCOPE] element to a TH element
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| header cell is hidden from asssistive technologies
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
new rule nls id : new rule summary
| Property
| Value(s)
| Up To Date
|
| Definition
| definition
| NO
|
| Summary
| summary
| NO
|
| Purpose
|
- purpose 1
- purpose 2
- purpose 3
- purpose 4
| NO
|
| Rule ID
| rule id
| NO
|
| NLS Rule ID
| rule nls id
| NO
|
| Techniques
|
- technique 1
- technique 1 url
- technique 2
- technique 2 url
- technique 3
- technique 3 url
- technique 4
- technique 4 url
| NO
|
| Manual Checks
|
- manual check 1
- manual 1 url
- manual check 2
- manual 2 url
- manual check 3
- manual 3 url
- manual check 4
- manual 4 url
| NO
|
| Scope
| Element or Page
| NO
|
| WCAG 2.0 Primary
| X.X.X
| NO
|
| WCAG 2.0 Related
|
| NO
|
| Language Dependency
| empty string
| NO
|
| Rule Category
| Table
| NO
|
| Target Resources
|
| NO
|
| Target Resources Description
| target resource nls description
| NO
|
| Resource Properties
|
| NO
|
new rule nls id : Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| empty string
| NO
|
| All Pass: Plural
| empty string
| NO
|
| Manual Check: Singular
| empty string
| NO
|
| Manual Check: Plural
| empty string
| NO
|
| Some Fail
| empty string
| NO
|
| All Fail: Singular
| empty string
| NO
|
| All Fail: Plural
| empty string
| NO
|
| Corrective Action: Singular
| empty string
| NO
|
| Corrective Action: Plural
| empty string
| NO
|
| Not Applicable
| empty string
| NO
|
new rule nls id : Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| empty string
| NO
|
| Pass 2
| empty string
| NO
|
| Pass 3
| empty string
| NO
|
| Manual Check 1
| empty string
| NO
|
| Manual Check 2
| empty string
| NO
|
| Manual Check 3
| empty string
| NO
|
| Corrective Action 1
| empty string
| NO
|
| Corrective Action 2
| empty string
| NO
|
| Corrective Action 3
| empty string
| NO
|
| Hidden (i.e. thru css)
| empty string
| NO
|
| Presentation (i.e. role=presentation)
| empty string
| NO
|
| Other
| empty string
| NO
|