@sa11y/assert

Provides assertAccessible API to check DOM for accessibility issues

Usage no npm install needed!

<script type="module">
  import sa11yAssert from 'https://cdn.skypack.dev/@sa11y/assert';
</script>

README

@sa11y/assert

Provides assertAccessible API to check DOM for accessibility issues

Usage

import { assertAccessible } from '@sa11y/assert';
import { full } from '@sa11y/preset-rules';

// Setup DOM in the state to be tested for accessibility
// ...
// Assert that the current dom has no a11y issues
// Defaults to using
//  - default document context e.g. JSDOM in Jest
//  - base ruleset from @sa11y/preset-rules and
//  - A11yError.checkAndThrow from @sa11y/format
await assertAccessible();

// Can be used to test accessibility of a specific HTML element
const elem = document.getElementById('foo');
await assertAccessible(elem);

// Can be overridden to use custom dom, ruleset or formatter
//  - Specifying null for formatter will result in using JSON stringify
await assertAccessible(document, full, null);