https://github.com/ericwbailey/working-with-high-contrast-mode-talk

🔆 Presented for Accessibility Camp Toronto on November 18, 2017 and ID24 on October 11, 2018.
https://github.com/ericwbailey/working-with-high-contrast-mode-talk

a11y accessibility high-contrast-mode internet-explorer microsoft-edge reveal-js reveal-slide-decks windows windows-10 windows-7

Last synced: 6 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ericwbailey/working-with-high-contrast-mode-talk
• Owner: ericwbailey
• License: mit
• Created: 2017-11-12T23:53:50.000Z (almost 7 years ago)
• Default Branch: main
• Last Pushed: 2022-04-19T23:23:11.000Z (over 2 years ago)
• Last Synced: 2024-09-24T20:33:34.946Z (9 days ago)
• Topics: a11y, accessibility, high-contrast-mode, internet-explorer, microsoft-edge, reveal-js, reveal-slide-decks, windows, windows-10, windows-7
• Language: JavaScript
• Homepage: https://ericwbailey.github.io/working-with-high-contrast-mode-talk/index.html#/
• Size: 66.7 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Working with High Contrast Mode

Presented for [Accessibility Camp Toronto](http://www.accessibilitycampto.org/) on November 18, 2017 and [ID24](https://inclusivedesign24.org/2018/schedule/#talk21) 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](http://lab.hakim.se/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](https://noti.st/ericwbailey/3HM9en/working-with-high-contrast-mode).

2. Viewed on [GitHub Pages](https://ericwbailey.github.io/working-with-high-contrast-mode-talk/index.html#/).

1. Viewed [locally on your computer](#installing).

## 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](https://msdn.microsoft.com/en-us/commandline/wsl/install-win10).

1. [Git version control](https://git-scm.com/downloads) and [Node.js and the Node Package Manager](https://nodejs.org/en/download/).

### 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](https://github.com/ericwbailey/working-with-high-contrast-mode-talk/archive/master.zip)

1. Navigate to this repository's directory in your terminal.

1. Install project dependencies via Node Package Manager (NPM): `npm install`

1. Use the Grunt task manager to build and run the project: `grunt serve`

1. View the presentation in your browser on [localhost](http://localhost:8000/).

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](https://github.com/ericwbailey/working-with-high-contrast-mode-talk/issues) if you find an error. We're all in this together!