Accessibility Evaluation Tool
Demo: http://hampshirecollege.github.io/a11yeval
This tool leverages the WAVE a11y API developed by WebAIM. Please visit their websites to learn more about accessibility, the WAVE API, and the WAVE Chrome extension.
a11y-eval-tool is a JavaScript client-side web app built with React, Bootstrap, and React-Bootstrap. It was developed using the following JS build tools:
- Babel (transpile ES2015 & JSX)
- Webpack (bundle JS and more)
- PostCSS (transpile scss and autoprefix)
- ESLint (lint JS with Airbnb configs)
and it depends on the following modules (bundled by Webpack):
- lodash.map
- async.map
- browser-filesaver (client-side file saving)
- es6-promise (promise polyfill)
- he (html encoding)
- moment (timestamp formatting)
- whatwg-fetch (fetch polyfill)
Installation instructions
- clone this repo
- move the contents of the dist directory to wherever you'd like to serve the app from
Development instructions
Please feel free to open an issue or submit a pull request. Everything from UX comments/criticisms to performance improvements are welcome and appreciated.
Required: Node.js
- clone this repo
cd <cloned directory>
npm install
- hack away!
npm run start
fires up the Express dev server which allows for rapid development with hot module replacement. The app is served at http://localhost:3000/
When ready to deploy run npm run lint
to lint and npm run build
to clean the dist directory, rebundle the js, and move the html and css files to the fresh dist directory.