Skip to main content

Accessability support

As frontend developers, we try to make our product accessible to as many people as possible. We try to stick to WAI-ARIA specification.

Tools we use​

Tools for checkup​

  • axe browser extension
  • lighthouse report

Things to improve​

Add e2e solution like cypress-axe

How to develop new components​

When you've created a new component, add a jest-axe test case to check its accessibility. Check lighthouse/axe reports in a browser. Fix issues if needed

Code examples​

import Widget from "./widget";
import { axe, toHaveNoViolations } from "jest-axe";

expect.extend(toHaveNoViolations);

it("Has a11y support", async () => {
  const { container } = render(<Widget />);
  const component = await axe(container);
  expect(component).toHaveNoViolations();
});