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
Color Rule Details
Color Rule 1: Text must/should exceed CCR of 4.5
| Property
| Value(s)
| Up To Date
|
| Definition
| 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
| yes
|
| Summary
| Text must/should exceed CCR of 4.5
| yes
|
| Purpose
|
- The higher the color contrast of text the more easy it is to read, especially for people with visual impairments
| yes
|
| Rule ID
| COLOR_1
| yes
|
| NLS Rule ID
| Color Rule 1
| yes
|
| Techniques
|
- Change the foreground color to a more complemtary color to the background color
- Change the background color to a more complemtary color to the foreground color
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Element
| yes
|
| WCAG 2.0 Primary
| 1.4.3
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Color
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| All elements with text content
| yes
|
| Resource Properties
|
- color_hex
- background_color_hex
- background_image
- is_large_font
- color_contrast_ratio
| yes
|
Color Rule 1: Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| Text element has a CCR > 4.5
| yes
|
| All Pass: Plural
| %N_P text elements have a CCR > 4.5
| yes
|
| Manual Check: Singular
| 1 element requires manual checking for CCR > 4.5 due to the use of background image
| yes
|
| Manual Check: Plural
| %N_MC elements require manual checking for CCR > 4.5 due to the use of background images
| yes
|
| Some Fail
| %N_F out of %N_T text elements do NOT have a CCR > 4.5
| yes
|
| All Fail: Singular
| 1 text element does NOT have a CCR > 4.5
| yes
|
| All Fail: Plural
| %N_F text elements do NOT have a CCR > 4.5
| yes
|
| Corrective Action: Singular
| change the foreground and background colors of the text element to meet the CCR > 4.5 requirement
| yes
|
| Corrective Action: Plural
| change the foreground and background colors of the %N_F text elements to meet the CCR > 4.5 requirement
| yes
|
| Not Applicable
| No text elements on page
| yes
|
Color Rule 1: Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| CCR exceeds 4.5
| yes
|
| Pass 2
| empty string
| yes
|
| Pass 3
| empty string
| yes
|
| Manual Check 1
| Background image may reduce color contrast
| yes
|
| Manual Check 2
| Background image may improve color contrast
| yes
|
| Manual Check 3
| empty string
| yes
|
| Corrective Action 1
| Adjust foreground and background colors to improve color contrast
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| Text is hidden from asssistive technologies.
| yes
|
| Presentation (i.e. role=presentation)
| empty string
| yes
|
| Other
| empty string
| yes
|
Color Rule 2: Text must/should exceed CCR of 7.0
| Property
| Value(s)
| Up To Date
|
| Definition
| 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
| yes
|
| Summary
| Text must/should exceed CCR of 7.0
| yes
|
| Purpose
|
- The higher the color contrast of text the more easy it is to read, especially for people with visual impairments
| yes
|
| Rule ID
| COLOR_2
| yes
|
| NLS Rule ID
| Color Rule 2
| yes
|
| Techniques
|
- Change the foreground color to a more complemtary color to the background color
- Change the background color to a more complemtary color to the foreground color
| yes
|
| Manual Checks
| none
| yes
|
| Scope
| Element
| yes
|
| WCAG 2.0 Primary
| 1.4.6
| yes
|
| WCAG 2.0 Related
|
| yes
|
| Language Dependency
| empty string
| yes
|
| Rule Category
| Color
| yes
|
| Target Resources
|
| yes
|
| Target Resources Description
| All elements with text content
| yes
|
| Resource Properties
|
- color_hex
- background_color_hex
- background_image
- is_large_font
- color_contrast_ratio
| yes
|
Color Rule 2: Rule Result Messages
| Property
| Value(s)
| Up To Date
|
| All Pass: Singular
| Text element has a CCR > 7.0
| yes
|
| All Pass: Plural
| %N_P text elements have a CCR > 7.0
| yes
|
| Manual Check: Singular
| 1 element requires manual checking for CCR > 7.0 due to the use of background image
| yes
|
| Manual Check: Plural
| %N_MC elements require manual checking for CCR > 7.0 due to the use of background images
| yes
|
| Some Fail
| %N_F out of %N_T text elements do NOT have a CCR > 7.0
| yes
|
| All Fail: Singular
| 1 text element does NOT have a CCR > 7.0
| yes
|
| All Fail: Plural
| %N_F text elements do NOT have a CCR > 7.0
| yes
|
| Corrective Action: Singular
| change the foreground and background colors of the text element to meet the CCR > 7.0 requirement
| yes
|
| Corrective Action: Plural
| change the foreground and background colors of the %N_F text elements to meet the CCR > 7.0 requirement
| yes
|
| Not Applicable
| No text elements on page
| yes
|
Color Rule 2: Node Result Messages
| Property
| Value(s)
| Up To Date
|
| Pass 1
| CCR exceeds 7.0
| yes
|
| Pass 2
| empty string
| yes
|
| Pass 3
| empty string
| yes
|
| Manual Check 1
| Background image may reduce color contrast
| yes
|
| Manual Check 2
| Background image may improve color contrast
| yes
|
| Manual Check 3
| empty string
| yes
|
| Corrective Action 1
| Adjust foreground and background colors to improve color contrast
| yes
|
| Corrective Action 2
| empty string
| yes
|
| Corrective Action 3
| empty string
| yes
|
| Hidden (i.e. thru css)
| Text 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
| Color
| 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
|