This is an accessibility workspace. Build with Astro web framework and tailwindcss
You find here basic accessible solutions and components.
You can check accessibility improvements step by step by reviewing commits on master branch
Check out deployment of the project and test it by yourself.
To compare changes in browser, checkout initial state of the project: in the repo and in the browser.
Requirements:
Nodejs v18.12.1 Pnpm v8.2.0
Install dependencies: pnpm install
Run development env: pnpm dev
Build for production: pnpm build
Production preview: pnpm preview
In a project you will find accessibility features:
- Page structure & semantic HTML elements
- Focus management
- Card component
- Modal component
- Tabs component
If you need theoretical support, you can check slides with basics and docs links:
Feel free to contribute! Create pull requests with new components, fixes and enhancement.
Have fun with A11y!