@acot/acot-preset-wcag NPM

@acot/acot-preset-wcag

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"]
}

Name	Summary	:heavy_check_mark:
`@acot/wcag/dialog-focus`	Move focus to inside dialog or set dialog after trigger.	:heavy_check_mark:
`@acot/wcag/focusable-has-indicator`	Focusable element has a focus indicator.	:heavy_check_mark:
`@acot/wcag/img-has-name`	The `img` element or img role MUST has name.	:heavy_check_mark:
`@acot/wcag/interactive-has-enough-size`	The size of the target for pointer inputs is at least 44 by 44 CSS pixels.	:heavy_check_mark:
`@acot/wcag/interactive-has-name`	Interactive elements MUST has name.	:heavy_check_mark:
`@acot/wcag/interactive-supports-focus`	T.B.A
`@acot/wcag/invalid-id-reference`	The target of the ID reference or ID reference list MUST exist in the same document.	:heavy_check_mark:
`@acot/wcag/link-has-name`	Link MUST has name.	:heavy_check_mark:
`@acot/wcag/page-has-title`	Web pages have titles that describe topic or purpose. WCAG 2.1 - 2.4.2.	:heavy_check_mark:
`@acot/wcag/page-has-valid-lang`	The `html` element MUST has a valid lang attribute.	:heavy_check_mark:

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
2.1.1 Keyboard	@acot/wcag/interactive-supports-focus
2.1.2 No Keyboard Trap	-
2.1.3 Keyboard (No Exception)	-
2.1.4 Character Key Shortcuts	-

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.4.1 Bypass Blocks	-
2.4.2 Page Titled	@acot/wcag/page-has-title
2.4.3 Focus Order	@acot/wcag/dialog-focus
2.4.4 Link Purpose (In Context)	@acot/wcag/link-has-name
2.4.5 Multiple Ways	-
2.4.6 Headings and Labels	-
2.4.7 Focus Visible	@acot/wcag/focusable-has-indicator
2.4.8 Location	-
2.4.9 Link Purpose (Link Only)	-
2.4.10 Section Headings	-

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.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)	-