Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kernix13/web-accessibility-tester
An accessibility tester using a11y to test your web pages or pages for your clients.
https://github.com/kernix13/web-accessibility-tester
a11y a11y-testing accessibility
Last synced: about 1 month ago
JSON representation
An accessibility tester using a11y to test your web pages or pages for your clients.
- Host: GitHub
- URL: https://github.com/kernix13/web-accessibility-tester
- Owner: Kernix13
- Created: 2023-02-20T22:11:57.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-29T09:39:46.000Z (9 months ago)
- Last Synced: 2024-03-29T10:34:33.692Z (9 months ago)
- Topics: a11y, a11y-testing, accessibility
- Language: JavaScript
- Homepage:
- Size: 120 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web Page Accessibility Tester
> From Brad Traversy video ussing p11y
This project uses `pa11y` with nodejs to create a simple API/back-end to get the results for a website and then display the results in the DOM for review. Use `fetch()` to make the request, add a loading spinner, and use Bootstrap for the styling.
## Setup
```bash
npm init -y
npm i express pa11y
```You can create an env variable for the port or go with the default of `5000` from `index.js`. Run `npm start` and open `localhost:5000`. Finally, add a url to the form and submit and you'll see the results below.
## Purpose
Well, the purpose should be obvious, but this project is a great idea and was easy. Use this tool to fix all accessibility issues on:
1. Your website pages
1. Your portfolio pages
1. The pages for your employer
1. The pages for your clients