Version 2.0 Table Rules

From MemberWiki

Jump to: navigation, search

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


Contents

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
  • 2.4.6
yes
Language Dependency empty string yes
Rule Category Table yes
Target Resources
  • td
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
  • 4.1.2
yes
Language Dependency empty string yes
Rule Category Table yes
Target Resources
  • caption
  • table[sumary]
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
  • 2.4.6
yes
Language Dependency empty string yes
Rule Category Table yes
Target Resources
  • caption
  • table[sumary]
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
  • 2.4.6
yes
Language Dependency empty string yes
Rule Category Table yes
Target Resources
  • caption
  • table[sumary]
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
  • 2.4.6
yes
Language Dependency empty string yes
Rule Category Table yes
Target Resources
  • caption
  • table[sumary]
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
  • 2.4.6
yes
Language Dependency empty string yes
Rule Category Table yes
Target Resources
  • caption
  • table[sumary]
yes
Target Resources Description TH and TD[SCOPE] elements yes
Resource Properties
  • tag_name
  • scope
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
  • Y.Y.Y
  • Z.Z.Z
NO
Language Dependency empty string NO
Rule Category Table NO
Target Resources
  • element 1
  • element 2
NO
Target Resources Description target resource nls description NO
Resource Properties
  • property 1
  • property 2
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
Personal tools