A WCAG-based rule set for acot.
Install via npm:
$ npm install --save-dev @acot/acot-preset-wcag
Add @acot/wcag
to the presets
field of the acot config file. then configure the rules you want to use under the rules section.
{
"presets" : [" @acot/wcag" ],
"rules" : {
"@acot/wcag/button-has-name" : " error"
}
}
You can also enable all the recommended rules for our preset. Add preset:@acot/wcag/recommended
in extends
:
{
"extends" : [" preset:@acot/wcag/recommended" ]
}
Coverage WCAG 2.1 by @acot/acot-preset-wcag
Success criteria
acot rules
1.1.1 Non-text Content
-
Success criteria
acot rules
1.2.1 Audio-only and Video-only (Prerecorded)
-
1.2.2 Captions (Prerecorded)
-
1.2.3 Audio Description or Media Alternative (Prerecorded)
-
1.2.4 Captions (Live)
-
1.2.5 Audio Description (Prerecorded)
-
1.2.6 Sign Language (Prerecorded)
-
1.2.7 Extended Audio Description (Prerecorded)
-
1.2.8 Media Alternative (Prerecorded)
-
1.2.9 Audio-only (Live)
-
Success criteria
acot rules
1.3.1 Info and Relationships
@acot/wcag/invalid-id-reference
1.3.2 Meaningful Sequence
-
1.3.3 Sensory Characteristics
-
1.3.4 Orientation
-
1.3.5 Identify Input Purpose
-
1.3.6 Identify Purpose
-
Success criteria
acot rules
1.4.1 Use of Color
-
1.4.2 Audio Control
-
1.4.3 Contrast (Minimum)
-
1.4.4 Resize text
-
1.4.5 Images of Text
-
1.4.6 Contrast (Enhanced)
-
1.4.7 Low or No Background Audio
-
1.4.8 Visual Presentation
-
1.4.9 Images of Text (No Exception)
-
1.4.10 Reflow
-
1.4.11 Non-text Contrast
-
1.4.12 Text Spacing
-
1.4.13 Content on Hover or Focus
-
Success criteria
acot rules
2.2.1 Timing Adjustable
-
2.2.2 Pause, Stop, Hide
-
2.2.3 No Timing
-
2.2.4 Interruptions
-
2.2.5 Re-authenticating
-
2.2.6 Timeouts
-
2.3 Seizures and Physical Reactions
Success criteria
acot rules
2.3.1 Three Flashes or Below Threshold
-
2.3.2 Three Flashes
-
2.3.3 Animation from Interactions
-
Success criteria
acot rules
2.5.1 Pointer Gestures
-
2.5.2 Pointer Cancellation
-
2.5.3 Label in Name
-
2.5.4 Motion Actuation
-
2.5.5 Target Size
@acot/wcag/interactive-has-enough-size
2.5.6 Concurrent Input Mechanisms
-
Success criteria
acot rules
3.1.1 Language of Page
@acot/wcag/page-has-valid-lang
3.1.2 Language of Parts
-
3.1.3 Unusual Words
-
3.1.4 Abbreviations
-
3.1.5 Reading Level
-
3.1.6 Pronunciation
-
Success criteria
acot rules
3.2.1 On Focus
-
3.2.2 On Input
-
3.2.3 Consistent Navigation
-
3.2.4 Consistent Identification
-
3.2.5 Change on Request
-
Success criteria
acot rules
3.3.1 Error Identification
-
3.3.2 Labels or Instructions
-
3.3.3 Error Suggestion
-
3.3.4 Error Prevention (Legal, Financial, Data)
-
3.3.5 Help
-
3.3.6 Error Prevention (All)
-
Some rules deal with interactive content. The definition of interactive content to be audited is as follows:
3.2.5.2.7 Interactive content compliant elements.
Elements with a role attribute that conforms to the above.
Focusable elements.