Accessibility Evaluation Tool

Demo: http://hampshirecollege.github.io/a11yeval(link is external)

This tool leverages the WAVE a11y API(link is external) developed by WebAIM(link is external). 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(link is external), Bootstrap(link is external), and React-Bootstrap(link is external). It was developed using the following JS build tools:

• Babel(link is external) (transpile ES2015 & JSX)
• Webpack(link is external) (bundle JS and more)
• PostCSS(link is external) (transpile scss and autoprefix)
• ESLint(link is external) (lint JS with Airbnb configs(link is external))

and it depends on the following modules (bundled by Webpack):

• lodash.map(link is external)
• async.map(link is external)
• browser-filesaver(link is external) (client-side file saving)
• es6-promise(link is external) (promise polyfill)
• he(link is external) (html encoding)
• moment(link is external) (timestamp formatting)
• whatwg-fetch(link is external) (fetch polyfill)

Installation instructions

1. clone this repo
2. 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(link is external)

1. clone this repo
2. cd <cloned directory>
3. npm install
4. hack away!

npm run start fires up the Express(link is external) dev server which allows for rapid development with hot module replacement. The app is served at http://localhost:3000/(link is external)

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.