@acot/acot-plugin-wcag

@acot/acot-plugin-wcag

A WCAG-based rule set for acot.

Install

Install via npm:

$ npm install --save-dev @acot/acot-plugin-wcag

Usage

Add @acot/wcag to the plugins field of the acot config file. then configure the rules you want to use under the rules section.

{
  "plugins": ["@acot/wcag"],
  "rules": {
    "@acot/wcag/button-has-name": "error"
  }
}

You can also enable all the recommended rules for our plugin. Add plugin:@acot/wcag/recommended in extends:

{
  "extends": ["plugin:@acot/wcag/recommended"]
}

Supported Rules

Name	Description	: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	For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; and notification of changes to these items is available to user agents, including assistive technologies. WCAG 2.1 - 4.1.2: Name, Role, Value	:heavy_check_mark:
@acot/wcag/interactive-supports-focus	TBA	:heavy_check_mark:

Concept

Interactive content

Some rules deal with interactive content. The definition of interactive content to be audited is as follows:

1. 3.2.5.2.7 Interactive content compliant elements.
2. Elements with a role attribute that conforms to the above.
3. Focusable elements.

---

T.B.A

Changelog

0.0.19 (2022-06-05)

Bug Fixes

• acot-reporter-pretty: fix stat bugs in testcase summary (f9a2552)
• cli: support non TTY environment on preset test (48e3ce0)

Features

• acot-preset-wcag: add invalid-id-reference rule (2a70d7e)
• acot-runner-sitemap: add retry behavior to sitemap fetcher (fcc1293)
• cli: add parallel option to preset test command (32f7e1e)
• document: add progress indicator to documentation testing (756158b)