A web browser extensions that adds automated accessibility checking capabilities
-
Under the root
equal-access
directorynpm install
There are several different modes that you can run with. These will build the extension to accessibility-checker-extension/dist
(See loading into the browser below)
Run local extension with local rule server
- Under the
rule-server
directory,npm start
- Open https://localhost:9445 in your browser and accept any self-signed certs. In chrome you may need to type 'thisisunsafe', which will accept the cert (you will not actually see anywhere to type it). You should get "Cannot GET /".
- On a new command line window, under the
accessibility-checker-extension
directory,npm run build:watch:local
Run local extension with production rule server
From the accessibility-checker-extension
directory:
- To continuously build when changes occur,
npm run build:watch
- To build once for development,
npm run build:dev
- To build for production,
npm run build:prod
- Go to: chrome://extensions
- Toggle: "developer mode" on.
- Click on: "Load unpacked"
- Select the newly created folder "dist"
equal-access/accessibility-checker-extension/dist
from the project folder.
- Go to: about:debugging in the Firefox browser
- Select: "This Firefox"
- Click on: "Load Temporary Add-on…"
- Open the newly created folder "dist" from the project folder, and choose the "manifest.json" file.
npm run clean:all
npm install
npm run package:browser
The commands generate a package/accessibility-checker-extension.zip file. The zip package can be deployed into the Chrome or Firefox store. You can test the package locally in the Firefox browser (though not in the Chrome browser):
- Go to: about:debugging in the Firefox browser
- Select: "This Firefox"
- Click on: "Load Temporary Add-on…"
- Open the newly created package file "accessibility-checker-extension.zip" from the package folder.
All bugs or issues related to the karma-accessibility-checker code can be created in GitHub Issues.