Version 2.0 Layout 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

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
  • 1.3.1
yes
Language Dependency empty string yes
Rule Category Layout yes
Target Resources
  • table
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
  • table
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
  • 1.3.1
  • 4.1.2
yes
Language Dependency empty string yes
Rule Category Layout yes
Target Resources
  • table
yes
Target Resources Description TABLE elements used for layout yes
Resource Properties
  • role
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
  • Y.Y.Y
  • Z.Z.Z
NO
Language Dependency empty string NO
Rule Category Layout 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