processing / processing/p5.js-web-editor

Run accessibility checks in dev mode using `@axe-core/react`

Open
#2,966 4 comments 0 reactions 1 assignee View on GitHub

Nobody has claimed this yet.

Area: Dependencies Area:Accessibility
Dominant language
JavaScript
Stars
1.7k
Forks
1.7k
Avg merge
3d 4h
Merged PRs (30d)
8

Description

Increasing Access

Helps us find and fix accessibility issues before they make it into production.

Feature enhancement details

The official React docs recommend using the @axe-core/react to identify accessibility issues.
https://legacy.reactjs.org/docs/accessibility.html#axe-axe-core-and-react-axe
https://github.com/dequelabs/axe-core-npm/tree/develop/packages/react

We already have some checking with eslint ally, but this adds additional checks for insufficient color contrast, etc.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.