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
Rule Categories Summary
Abbrevitation Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| no rules at this time
|
Audio Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Audio Rule 1
| Prerecorded audio must/should have caption or text trascription of the audio content
| Required
| Required
| Required
|
| Audio Rule 2
| Prerecorded audio must/should have caption or text trascription
| Required
| Required
| Required
|
Color Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Color Rule 1
| Text content must/should exceed Color Contrast Ratio (CCR) of 4.5 for any size text or 3.1 for large and/or bolded text
| Required
| Required
| Required
|
| Color Rule 2
| Text content must/should exceed Color Contrast Ratio (CCR) of 7.0 for any size text or 4.5 for large and/or bolded text
| Required
| Required
| Required
|
Form Control Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Form Control 1
| textarea, select and input elements of type text, password, checkbox, radio and file must/should have an accessible label
| Required
| Required
| Required
|
| Form Control 2
| Every input type image must/should have an alt or title attribute with content
| Required
| Required
| Required
|
| Form Control 3
| Every input type radio must/should be contained in a fieldset and legend elements to provide grouping information for radio button groups
| Required
| Required
| Required
|
| Form Control 4
| button elements must/should have text content
| Required
| Required
| Required
|
| Form Control 5
| id attributes must/should have unique values on the web page
| Required
| Required
| Required
|
| Form Control 6
| label element using the for attribute must/should reference a form control on the page
| Required
| Required
| Required
|
| Form Control 7
| label element or legend element must/should contain text content
| Required
| Required
| Required
|
| Form Control 8
| fieldset element must/should contain exactly one legend element
| Required
| Required
| Required
|
| Form Control 9
| title attribute may not be good a label for form control
| not included
| Required
| not included
|
| Form Control 10
| Labels must/should be unique for every textarea, select and input element of type text, password, radio, and checkbox on a page
| Required
| Required
| Required
|
| Form Control 11
| If there is more than one form on a page, input element of type submit and reset must/should have unique labels using the value attribute
| Required
| Required
| Required
|
| Form Control 12
| Labels must/should be must describe the purpose of every button, textarea, select and input element of type text, password, radio, and checkbox on a page
| Required
| Required
| Required
|
Embedded Application Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| no rules at this time
|
Heading Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Heading Rule 1
| Each page must/should contain at least one h1 element and each h1 element must have content
| Recommended
| Recommended
| Recommended
|
| Heading Rule 2
| If the page contains both a main landmark and an h1 element, the h1 element must/should be a child of the main landmark.
| Recommended
| Recommended
| Recommended
|
| Heading Rule 3
| Sibling heading elements must/should should be unique
| Required
| Required
| Required
|
| Heading Rule 4
| Heading elements must/should describe the sections they label
| Required
| Required
| Required
|
| Heading Rule 5
| Heading elements must/should be properly nested
| Required
| Required
| Required
|
Image Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Image Rule 1
| Each image must/should have an text alternative
| Required
| Required
| Required
|
| Image Rule 2
| The longdesc attribute must/should have a valid URI
| Required
| Required
| Required
|
| Image Rule 3
| The file name of the image must/should not be part of the accessible name
| Required
| Required
| Required
|
| Image Rule 4 (English)
| Text alternatives must/should less than 100 characters
| Recommended
| Recommended
| Recommended
|
| Image Rule 5
| If an image element has a height or width less than 6 pixels or its alt text set to empty, the image must/should set its role attribute to "presentation" or the image must/should be removed and CSS must/should should be used for positioning.
| Recommended
| Recommended
| Recommended
|
| Image Rule 6
| Verify image element is be used for styling or decoration
| Required
| Required
| Required
|
Landmark Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Landmark Rule 1
| Each page must/should contain at least one main landmark
| Recommended
| Required
| Required
|
| Landmark Rule 2
| All rendered content must/should be contained within a landmark
| Recommended
| Required
| Required
|
| Landmark Rule 2: navigation
| Each page must/should contain at least one navigation landmark
| not included
| not included
| Required
|
| Landmark Rule 2: banner
| Each page must/should contain at least one banner landmark
| not included
| not included
| Required
|
| Landmark Rule 2: contentinfo or complementary
| Each page must/should contain at least one contentinfo or complementary landmark
| not included
| not included
| Required
|
Language Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| no rules at this time
|
Layout Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Layout Rule 1
| Web pages must/should provide content in a meaningful sequence
| Required
| Required
| Required
|
| Layout Rule 2
| Tables must/should not be nested for layout of content
| Recommended
| Recommended
| Recommended
|
| Layout Rule 3
| Layout tables must/should use role="presentation" on all table elements
| Recommended
| Required
| Required
|
Link Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Link Rule 1
| Links with the same HREF must/should have the same link text
| Recommended
| Required
| Required
|
| Link Rule 2
| Links with different HREFs must/should have unique accessible names
| Recommended
| Required
| Required
|
| Link Rule 3
| Link must/should provide minimum target dimensions.
| Recommended
| Recommended
| Recommended
|
| Link Rule 4
| Accessible names for a link must/should describe the target of the link
| Required
| Required
| Required
|
List Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| no rules at this time
|
Page Navigation Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| no rules at this time
|
Scripting Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| no rules at this time
|
Table Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Table Rule 1
| Data cells must/should have header cells
| Required
| Required
| Required
|
| Table Rule 2T (Transitional)
| Each data table must/should have a effective caption with content
| Required
| not included
| not included
|
| Table Rule 2S (Single Data Table)
| If there is only one data table on a page, it must/should have an effective caption with content
| not included
| Recommended
| Recommended
|
| Table Rule 2M (Multiple Data Tables)
| If there is more than one data table on a page, each data table must/should have a effective caption with content
| not included
| Required
| Required
|
| Table Rule 3
| The effective caption content and effective summary content of each data table must/should not be the same
| Required
| Required
| Required
|
| Table Rule 4
| Each data table header cell must/should use th elements rather than td element with a scope attribute
| Recommended
| Recommended
| Recommended
|
Title Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Title Rule 1
| Page must/should have a title element with content.
| Required
| Required
| Required
|
| Title Rule 2
| title element text content must/should describe the purpose or content of the page
| Required
| Required
| Required
|
Timing Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| no rules at this time
|
Video Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Video Rule 1
| Video only media (i.e. no audio content) must/should have audio description or text description of the video content
| Required
| Required
| Required
|
| Video Rule 2
| Prerecorded video (with audio content) must/should have synchronized caption
| Required
| Required
| Required
|
| Video Rule 3
| Prerecorded video (with audio content) must/should have audio description or text description
| Required
| Required
| Required
|
| Video Rule 4
| Live video must/should have synchronized caption
| Required
| Required
| Required
|
| Video Rule 5
| Video (with audio content) must/should have audio description track
| Required
| Required
| Required
|
| Video Rule 6
| Prerecorded video (with audio content) must/should have sign language interpretation
| Required
| Required
| Required
|
| Video Rule 5
| Video (with audio content) must/should have extended audio description track
| Required
| Required
| Required
|
| Video Rule 1
| Video only media (i.e. no audio content) must/should have text description of the video content
| Required
| Required
| Required
|
Widget Rules
| Rule ID
| Rule Description
| WCAG 2.0 ARIA Transitional
| WCAG 2.0 ARIA Strict
| WCAG 2.0 ARIA Strict: Organization Websites
|
| Keyboard Rule 1
| Widget elements must/should have keyboard event handlers
| Required
| Required
| Required
|
| Keyboard Rule 2
| Widget elements must/should use tabindex to add keyboard focus support on non-interactive elements
| Required
| Required
| Required
|
| Widget Rule 1
| Widgets must/should have an accessible name
| Required
| Required
| Required
|
| Widget Rule 2
| Elements with onClick events must/should be a link, button or have a widget role
| Required
| Required
| Required
|
| Widget Rule 3
| role attribute value must/should be a widget, section, landmark or live region role
| Required
| Required
| Required
|
| Widget Rule 4
| ARIA property and state values must/should be valid types
| Required
| Required
| Required
|
| Widget Rule 5
| ARIA property or state must/should be defined
| Required
| Required
| Required
|
| Widget Rule 6
| Widgets must/should define required properties and states
| Required
| Required
| Required
|
| Widget Rule 7
| Widgets must/should have required child roles
| Required
| Required
| Required
|
| Widget Rule 8
| Widgets must/should have required parent role
| Required
| Required
| Required
|
| Widget Rule 9
| Widgets must/should be owned by only one parent widget
| Required
| Required
| Required
|
| Widget Rule 10
| Range widget must/should have value between minimum and maximum values
| Required
| Required
| Required
|
| Widget Rule 11
| Elements with mouse and drag events must/should have widget roles or interactive elements (i.e. form controls or links)
| Required
| Required
| Required
|
