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
Landmark Rule Details
Landmark Rule 1: Page must/should have main landmark
| Property
| Value(s)
| Up To Date
|
| Definition
| Each page must/should contain at least one MAIN landmark
| yes
|
| Summary
| Page must/should have MAIN landmark
| yes
|
| Purpose
|
- Main landmarks provide a navigation point for users of asssitive technologies to the main content of the page
| yes
|
| Rule ID
| LANDMARK_1
| yes
|
| NLS Rule ID
| Landmark Rule 1
| yes
|
| Techniques
|
- Include an ROLE="MAIN" attribute on the element that contains the main content
- Use the aria-labelledby or aria-label to describe the content of the main landmark
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Page
| yes
|
| WCAG 2.0 Primary
| 2.4.1
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Landmark
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| MAIN landmark
| yes
|
| Resource Properties
|
| yes
|
Landmark Rule 1: Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| Page has MAIN landmark
| 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
| Page does NOT contain a MAIN landmark
| yes
|
| All Fail: Plural
| empty string
| yes
|
| Corrective Action: Singular
| add a MAIN landmark that identifies the main (i.e. primary) content of the page
| yes
|
| Corrective Action: Plural
| empty string
| yes
|
| Not Applicable
| empty string
| yes
|
Landmark Rule 1: Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| Page contains an %1 element with ROLE=MAIN
| 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 a MAIN landmark to the page, the main landmark must contain the main content of the page
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| MAIN landmark is hidden from asssistive technologies.
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
Landmark Rule 2: Content must/should be within landmark
| Property
| Value(s)
| Up To Date
|
| Definition
| All rendered content must/should be contained within a landmark
| yes
|
| Summary
| Content must/should be within landmark
| yes
|
| Purpose
|
- Landmarks provide a way to organize content of a page to users of assistive technology, similar to visual and interaction designers organize information for people using a graphical rendering of the content.
| yes
|
| Rule ID
| LANDMARK_2
| yes
|
| NLS Rule ID
| Landmark Rule 2
| yes
|
| Techniques
|
- Use the appropriate landmarks to identify the different sections of a web page
- The most important landmarks are the MAIN and NAVIGATION landmarks since they will be the most used
| 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
| Landmark
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| all renderable content
| yes
|
| Resource Properties
|
| yes
|
Landmark Rule 2: Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| Renderable element is contained within a landamrk
| yes
|
| All Pass: Plural
| All %N_P renderable elements are contained wihin a landamrk
| yes
|
| Manual Check: Singular
| One element may contain renderable content; elements that include renderable content %RULE_TYPE be contained in a landmark
| yes
|
| Manual Check: Plural
| %N_MC elements may contain renderable content; elements that include renderable content %RULE_TYPE be contained in a landmark
| yes
|
| Some Fail
| %N_F out of %N_T renderable elements are NOT contained wihin a landamrk
| yes
|
| All Fail: Singular
| Renderable element is NOT contianed within a landmark
| yes
|
| All Fail: Plural
| %N_F renderable elements are NOT contianed within a landmark
| yes
|
| Corrective Action: Singular
| update the landmark structure of the page and place the element currently outside of a landmark into its proper landmark container
| yes
|
| Corrective Action: Plural
| update the landmark structure of the page and place the %N_F elements currently outside of landmarks into their proper landmark container
| yes
|
| Not Applicable
| No renderable elements on page
| yes
|
Landmark Rule 2: Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| %1 element is in %2 landmark
| yes
|
| Pass 2
| empty string
| yes
|
| Pass 3
| empty string
| yes
|
| Manual Check 1
| %1 element may contain renderable content, if so move it into an appropriate landmark
| yes
|
| Manual Check 2
| empty string
| yes
|
| Manual Check 3
| empty string
| yes
|
| Corrective Action 1
| Move %1 element into an appropriate landmark
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| %1 element is hidden from asssistive technologies.
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
Landmark Rule 2: navigation: Page must/should have navigation landmark
| Property
| Value(s)
| Up To Date
|
| Definition
| Each page must/should contain at least one NAVIGATION landmark
| yes
|
| Summary
| Page must/should have NAVIGATION landmark
| yes
|
| Purpose
|
- Navigation landmarks provide a way to identify groups of links with in a web page
| yes
|
| Rule ID
| LANDMARK_2N
| yes
|
| NLS Rule ID
| Landmark Rule 2: navigation
| yes
|
| Techniques
|
- Include an ROLE="NAVIGATION" attribute on a element that contains OL and UL elements that contain li elements with links
- Use the aria-labelledby or aria-label to describe the purpose of the links (i.e. table on contents of a page, site map...)
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Page
| yes
|
| WCAG 2.0 Primary
| 2.4.1
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Landmark
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| NAVIGATION landmark
| yes
|
| Resource Properties
|
| yes
|
Landmark Rule 2: navigation: Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| Page has NAVIGATION landmark
| 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
| Page does NOT contain a NAVIGATION landmark
| yes
|
| All Fail: Plural
| empty string
| yes
|
| Corrective Action: Singular
| add a NAVIGATION landmark that identifies the main (i.e. primary) content of the page
| yes
|
| Corrective Action: Plural
| empty string
| yes
|
| Not Applicable
| empty string
| yes
|
Landmark Rule 2: navigation: Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| Page contains an %1 element with ROLE=NAVIGATION
| 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 a NAVIGATION landmark to the page, the navigation landmark must identify the sets navigation lists on the page
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| NAVIGATION landmark is hidden from asssistive technologies.
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
Landmark Rule 2: banner: Page must/should have banner landmark
| Property
| Value(s)
| Up To Date
|
| Definition
| Each page must/should contain at least one BANNER landmark
| yes
|
| Summary
| Page must/should have BANNER landmark
| yes
|
| Purpose
|
- banner landmarks provide a way to identify branding content usually ar the top of a web page
| yes
|
| Rule ID
| LANDMARK_2B
| yes
|
| NLS Rule ID
| Landmark Rule 2: banner
| yes
|
| Techniques
|
- Include an ROLE="BANNER" attribute on a element that contains the branding content at the top of a page
- Pages typically one have one BANNER landmark
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Page
| yes
|
| WCAG 2.0 Primary
| 2.4.1
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Landmark
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| BANNER landmark
| yes
|
| Resource Properties
|
| yes
|
Landmark Rule 2: banner: Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| Page has BANNER landmark
| 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
| Page does NOT contain a BANNER landmark
| yes
|
| All Fail: Plural
| empty string
| yes
|
| Corrective Action: Singular
| add a BANNER landmark that identifies the repetitive banner content at the top of the page
| yes
|
| Corrective Action: Plural
| empty string
| yes
|
| Not Applicable
| empty string
| yes
|
Landmark Rule 2: banner: Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| Page contains an %1 element with ROLE=BANNER
| 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 a BANNER landmark to the page, the banner landmark is used to identify the repetitive banner content at the top of the page
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| %1 element with BANNER landmark is hidden from asssistive technologies.
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
Landmark Rule 2: contentinfo or complementary: Page must/should have contentinfo or complementary landmark
| Property
| Value(s)
| Up To Date
|
| Definition
| Each page must/should contain at least one CONTENTINFO or COMPLEMENTARY landmark
| yes
|
| Summary
| Page must/should have CONTENTINFO or COMPLEMENTARY landmark
| yes
|
| Purpose
|
- contentinfo landmarks provide a way to identify content found typically on the bottom of each page in a website
- The contentinfo usually includes links like copyright information, privacy, and other general links support all pages in the website.
| yes
|
| Rule ID
| LANDMARK_2CI
| yes
|
| NLS Rule ID
| Landmark Rule 2: contentinfo or complementary
| yes
|
| Techniques
|
- Include an ROLE="CONTENTINFO" attribute on a element that contains OL and UL elements that contain li elements with links
- Use the aria-labelledby or aria-label to describe the purpose of the links (i.e. table on contents of a page, site map...)
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Page
| yes
|
| WCAG 2.0 Primary
| 2.4.1
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Landmark
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| CONTENTINFO landmark
| yes
|
| Resource Properties
|
| yes
|
Landmark Rule 2: contentinfo or complementary: Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| Page has CONTENTINFO or COMPLEMENTARY landmark
| 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
| Page does NOT contain a CONTENTINFO or COMPLEMENTARY landmark
| yes
|
| All Fail: Plural
| empty string
| yes
|
| Corrective Action: Singular
| add a CONTENTINFO or COMPLEMENTARY landmark that identifies the typically repetitive content (i.e. on each page in the website) on the bottom of a page
| yes
|
| Corrective Action: Plural
| empty string
| yes
|
| Not Applicable
| empty string
| yes
|
Landmark Rule 2: contentinfo or complementary: Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| Page contains an %1 element with ROLE=%2
| 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 a CONTENTINFO or or COMPLEMENTARY landmark to the page, the contentinfo landmark must identify the sets contentinfo lists on the page
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| %1 element with ROLE=%2 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
| Landmark
| 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
|