Working with High Contrast Mode

Presented for Accessibility Camp Toronto on November 18, 2017 and ID24 on October 11, 2018.

About

Accessibility is more than just making things work in a screen reader. This talk discusses Windows High Contrast Mode's capabilities and limitations, and how to best design and develop for it.

This presentation was built with reveal.js, a library that allows you to create slide decks using HTML, CSS, and JavaScript.

Formats

This slide deck may be:

1. Viewed on Notist.
2. Viewed on GitHub Pages.
3. Viewed locally on your computer.

Installing

Prerequisites

1. Access to a Unix-based terminal or console.
   • macOS and Linux provide this capability out of the box.
   • If you are using Windows 10, you can install it.
2. Git version control and Node.js and the Node Package Manager.

Viewing in your browser

1. Clone or download this repository to your computer.
   • Clone instructions: git clone https://github.com/ericwbailey/working-with-high-contrast-mode-talk.git
   • Repository download link
2. Navigate to this repository's directory in your terminal.
3. Install project dependencies via Node Package Manager (NPM): npm install
4. Use the Grunt task manager to build and run the project: grunt serve
5. View the presentation in your browser on localhost.

Navigate between slides by using the left and right arrows on your keyboard. Slide notes may be viewed by pressing the s key. A high level view of the presentation may be viewed by pressing the Esc key (press again to exit).

Issues

Please feel free to submit an issue if you find an error. We're all in this together!