a11y-form, a demo repo for a guide on timdamen.io

link to full guide

In this repo I show how to automatically test certain parts of form accessibility with @testing-library. This tutorial is an extension on a talk I gave at FrontendNation. If you did not attend the talk, you can still follow along without any problems. I will be using Vue.js in this tutorial, but the principles can be applied to any front-end framework.

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint