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.
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.
GitHub defines a workflow as a configurable automated…
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…
My name is Adrián Bolonio. I’m an experienced Web Team Lead, Frontend Developer, and Web Accessibility (a11y) advocate.