a decorative image with the quote “Automating the accessibility tests of your source code with GitHub Actions”
a decorative image with the quote “Automating the accessibility tests of your source code with GitHub Actions”

Automating your accessibility tests with libraries like axe, pa11y, lighthouse, or unit tests directly in your GitHub repository is really easy with GitHub Actions. But first, let’s define what GitHub Actions are and their workflows.

Puedes leer este artículo en español

GitHub Actions

GitHub Actions allow you to automate, customize, and execute your software development workflows right in your repository with GitHub Actions. With GitHub Actions you could execute a series of statements and commands after a specific event has occurred, simply put, it’s your own pipeline CI / CD directly in your repository.

Workflows

GitHub defines a workflow as a configurable automated…


A decorative image with the quote “How to test the accessibility of your components with Storybook”
A decorative image with the quote “How to test the accessibility of your components with Storybook”

Storybook

Storybook is an open source library that allows you to develop and document your components in an isolated environment, without having to take into account the possible dependencies that you would have if you developed those components directly in your application.

You can see the code in the project repository on my GitHub profile.

To go faster and streamline the process, I’ve used create-react-app, a tool to quickly generate a new single-page application. I’ve been trying to work only with Typescript for quite some time, so I preferred to use that configuration when creating the application.

$ npx create-react-app a11y-storybook…

Adrián Bolonio

My name is Adrián Bolonio. I’m an experienced Web Team Lead, Frontend Developer, and Web Accessibility (a11y) advocate.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store