Kernix13 / web-accessibility-tester

An accessibility tester using a11y to test your web pages or pages for your clients.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

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
  2. Your portfolio pages
  3. The pages for your employer
  4. The pages for your clients

About

An accessibility tester using a11y to test your web pages or pages for your clients.


Languages

Language:JavaScript 73.0%Language:HTML 26.3%Language:CSS 0.7%