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
Layout Rule Details
Layout Rule 1: Page must/should have meaningful sequence
Property
| Value(s)
| Up To Date
|
Definition
| Web pages must/should provide content in a meaningful sequence
| yes
|
Summary
| Page must/should have meaningful sequence
| yes
|
Purpose
|
- The sequence of content (i.e. order) in the document code affects its meaning, especilly for users of assistive technology who cannot see the visual cues provided in a graphical that provide information about the relationships between content
| yes
|
Rule ID
| LAYOUT_1
| yes
|
NLS Rule ID
| Layout Rule 1
| yes
|
Techniques
|
- Use CSS and web standards techniques for the coding of content, and the graphical styling and positioning of content
- Avoid using table markup for graphical layout, if you do use tables for layout make sure the content still is meaningful when the table markup is disabled
- Avoid using nested tables for layout, the deeper the level of nesting the more chance there of having a confusing sequence of content
- Tables that are used for layout should use only TR and TD elements, and the TABLE, TR and TD elements should have a ROLE="PRESENTATION" attribute to clearly indicate the table markup is being used for layout
| yes
|
Manual Checks
| none
| yes
|
Scope
| Page
| yes
|
WCAG 2.0 Primary
| 1.3.2
| yes
|
WCAG 2.0 Related
|
| yes
|
Language Dependency
| empty string
| yes
|
Rule Category
| Layout
| yes
|
Target Resources
|
| yes
|
Target Resources Description
| TABLE elements used for layout
| yes
|
Resource Properties
|
- is_data_table
- max_column
- max_row
- nesting_level
| yes
|
Layout Rule 1: Rule Result Messages
Property
| Value(s)
| Up To Date
|
All Pass: Singular
| Layout table is one column wide
| yes
|
All Pass: Plural
| All %N_P layout tables are one column wide
| yes
|
Manual Check: Singular
| Verify document has a meaningful sequence of content when style sheets are disabled
| yes
|
Manual Check: Plural
| Verify document has a meaningful sequence of content when style sheets are disabled and layout table markup is disabled
| yes
|
Some Fail
| empty string
| yes
|
All Fail: Singular
| empty string
| yes
|
All Fail: Plural
| empty string
| yes
|
Corrective Action: Singular
| empty string
| yes
|
Corrective Action: Plural
| empty string
| yes
|
Not Applicable
| empty string
| yes
|
Layout Rule 1: Node Result Messages
Property
| Value(s)
| Up To Date
|
Pass 1
| Table is one column wide, and will have the same document sequence when table markup is disabled
| yes
|
Pass 2
| empty string
| yes
|
Pass 3
| empty string
| yes
|
Manual Check 1
| Verify document has a meaningful sequence of content when style sheets are disabled and layout table markup is disabled
| yes
|
Manual Check 2
| Verify the content in the %1x%2 layout table has a meaningful sequence of content when table markup is disabled , if the table is actually a data table add data table markup to give the table an effective caption and the data tables headings
| yes
|
Manual Check 3
| Verify the nesting of tables for layout of content maintains a meaningful sequence of content when table markup is disabled
| yes
|
Corrective Action 1
| empty string
| yes
|
Corrective Action 2
| empty string
| yes
|
Corrective Action 3
| empty string
| yes
|
Hidden (i.e. thru css)
| The TABLE is hidden from assistive technologies
| yes
|
Presentation (i.e. role=presentation)
| empty string
| yes
|
Other
| empty string
| yes
|
Layout Rule 2: Do not nest layout tables
Property
| Value(s)
| Up To Date
|
Definition
| Tables must/should not be nested for layout of content
| yes
|
Summary
| Do not nest layout tables
| yes
|
Purpose
|
- The sequence of content (i.e. order) in the document code affects its meaning, nesting layout tables often makes the sequence of content less understandable
| yes
|
Rule ID
| LAYOUT_2
| yes
|
NLS Rule ID
| Layout Rule 2
| yes
|
Techniques
|
- Use CSS and web standards techniques for the coding of content, and the graphical styling and positioning of content
- Avoid using table markup for graphical layout, if you do use tables for layout make sure the content still is meaningful when the table markup is disabled
- Avoid using nested tables for layout, the deeper the level of nesting the more chance there of having a confusing sequence of content
- Tables that are used for layout should use only TR and TD elements, and the TABLE, TR and TD elements should have a ROLE="PRESENTATION" attribute to clearly indicate the table markup is being used for layout
| yes
|
Manual Checks
| none
| yes
|
Scope
| Element
| yes
|
WCAG 2.0 Primary
| 1.3.2
| yes
|
WCAG 2.0 Related
| none
| yes
|
Language Dependency
| empty string
| yes
|
Rule Category
| Layout
| yes
|
Target Resources
|
| yes
|
Target Resources Description
| TABLE elements used for layout
| yes
|
Resource Properties
|
- is_data_table
- max_column
- max_row
- nesting_level
| yes
|
Layout Rule 2: Rule Result Messages
Property
| Value(s)
| Up To Date
|
All Pass: Singular
| Table is not nested with another layout table
| yes
|
All Pass: Plural
| %N_P tables are not nested with other layout tables
| yes
|
Manual Check: Singular
| empty string
| yes
|
Manual Check: Plural
| empty string
| yes
|
Some Fail
| %N_F out of %N_T tables are nested with other layout tables
| yes
|
All Fail: Singular
| Layout table is nested with other layout tables
| yes
|
All Fail: Plural
| All %N_F tables are nested with other layout tables
| yes
|
Corrective Action: Singular
| empty string
| yes
|
Corrective Action: Plural
| Update the markup and CSS on this page to remove the nesting of layout tables
| yes
|
Not Applicable
| No table elements used for layout
| yes
|
Layout Rule 2: Node Result Messages
Property
| Value(s)
| Up To Date
|
Pass 1
| Table is not nested with another layout table
| yes
|
Pass 2
| Table is one column wide, and will have the same document sequence when table markup is disabled
| 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 markup and CSS on this page to remove the nesting of this layout table
| yes
|
Corrective Action 2
| empty string
| yes
|
Corrective Action 3
| empty string
| yes
|
Hidden (i.e. thru css)
| The TABLE is hidden from assistive technologies
| yes
|
Presentation (i.e. role=presentation)
| empty string
| yes
|
Other
| empty string
| yes
|
Layout Rule 3: Layout tables use role="presentation"
Property
| Value(s)
| Up To Date
|
Definition
| Layout tables must/should use ROLE="PRESENTATION" on all table elements
| yes
|
Summary
| Layout tables use ROLE="PRESENTATION"
| yes
|
Purpose
|
- Using ROLE="PRESENTATION" communicates assistive technollogies that the table is being used for markup
| yes
|
Rule ID
| LAYOUT_3
| yes
|
NLS Rule ID
| Layout Rule 3
| yes
|
Techniques
|
- Use ROLE="PRESENTATION" on all table elements in a layout table to help assitive technology understand the table is being used for layout, rather than tabular data
| 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
| Layout
| yes
|
Target Resources
|
| yes
|
Target Resources Description
| TABLE elements used for layout
| yes
|
Resource Properties
|
| yes
|
Layout Rule 3: Rule Result Messages
Property
| Value(s)
| Up To Date
|
All Pass: Singular
| Layout table element has ROLE="PRESENTATION"
| yes
|
All Pass: Plural
| %N_P layout table elements (i.e. TABLE, TR, TD elements) have ROLE="PRESENTATION"
| yes
|
Manual Check: Singular
| empty string
| yes
|
Manual Check: Plural
| empty string
| yes
|
Some Fail
| %N_F out of %N_T layout table elements (i.e. TABLE, TR, TD elements) do NOT have ROLE="PRESENTATION"
| yes
|
All Fail: Singular
| empty string
| yes
|
All Fail: Plural
| All %N_F layout table elements (i.e. TABLE, TR, TD elements) do NOT have ROLE="PRESENTATION"
| yes
|
Corrective Action: Singular
| empty string
| yes
|
Corrective Action: Plural
| add ROLE="PRESENTATION" to all table elements (i.e. TABLE, TR, TD elements) in a layout
| yes
|
Not Applicable
| No table elements used for layout
| yes
|
Layout Rule 3: Node Result Messages
Property
| Value(s)
| Up To Date
|
Pass 1
| %1 element has ROLE="PRESENTATION"
| 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
| Add ROLE="PRESENTATION" to the %1 element, if the table is actually a data table use apporpriate data table markup
| yes
|
Corrective Action 2
| empty string
| yes
|
Corrective Action 3
| empty string
| yes
|
Hidden (i.e. thru css)
| The %1 element is hidden from assistive 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
| Layout
| 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
|