Simulated Dialog Demo (ES6)

Demo of an accessible simulated dialog (modal) in ES6.

How to use

Screen Readers

Some parts of the project require the use of a screen reader. The subject of screen readers is broader than this project intends to approach, so you will have to research and read about that subject on your own.

In the meantime, here are a few links to some screen readers.

• NVDA: Windows only. Free: open source.
• Jaws: Windows only. Expensive: ranging from ~$180 (90 day license) to ~$1100 (pro version).
• VoiceOver: macOS and iOS only. Free: built into the OS.

This project is tested with NVDA on a Windows 10 environment.

Requirements

Ensure you install these modules globally:

• Node
• Webpack
• Webpack Dev Server

Installation

Once you checked out this project, run this command in a Terminal window:

npm install

Testing locally

1. Run this command in a Terminal window: webpack-dev-server
2. Open a browser at http://localhost:8080/ to view the project.

Presentation Slides

See the presentation slides at slides.jansensan.net/a11y-simulated-dialog.

All material referenced in this project is kept up to date in the README of the slides repository.