blind-mode
v0.0.1
Published
An overlay above the web application for the screen reader accessibility testing
Downloads
6
Readme
Blind Mode
An overlay above the web application for the screen reader accessibility testing.
About
One single most important thing to understand the problems the screen reader users of your application have is to test the application from the screen reader user perspective.
This module provides an overlay, which makes no functional differences to how the application behaves except that it covers the whole window with an overlay to bring you the idea about how a blind person would feel the application.
Usage
There are two ways to engage the module: as a drop-in script or as an NPM module.
Once the module is initialized, simply press Ctrl+Shift+V
to enable the blind mode.
Drop-in script
Simply run the following code in the browser:
var blindMode = document.createElement('script');
blindMode.src = 'https://cdn.jsdelivr.net/gh/mshoho/blind-mode@master/drop-in/blind-mode.js';
document.body.appendChild(blindMode);
WARNING: This will not work if you have strict CSP rules (and you probably should have them strict). In that case you need to put blind-mode.js somewhere to your application's assets and load it from there.
NPM module
npm install --save-dev blind-mode
In the appropriate place of the application:
require('blind-mode').initBlindMode();
Production
This is a developer's tool. This script contains about 600KB of base64 encoded animation and absolutely must not be used in a production environment.
License
This project is licensed under the MIT License, see the LICENSE file for details.