gatsby-plugin-axe-core-react

A Gatsby plugin to add @axe-core/react accessibility testing to Gatsby markup.

Install

1yarn add @axe-core/react axe-core gatsby-plugin-axe-core-react --dev 

How to use

1// In your gatsby-config.js
2
3plugins: [`gatsby-plugin-axe-core-react`]

or

1// In your gatsby-config.js
2
3plugins: [
4  {
5    resolve: 'gatsby-plugin-axe-core-react',
6    options: {
7        axeConfig,
8        axeContext,
9        debounce,
10    },
11  },
12]

React-axe will now print a11y warnings to your browser's console. 🎉

Configuration options

You can use the following options if you wish to to override the default config.

axeConfig [object][optional]

The configuration object for axe-core.

axeContext [object][optional]

Used to specify which element should and which should not be tested.

debounce [number][optional][default: 1000]

The number of milliseconds to wait for component updates to cease before performing an analysis of all the changes.