• Stars
    star
    194
  • Rank 200,219 (Top 4 %)
  • Language
    CSS
  • License
    MIT License
  • Created over 7 years ago
  • Updated over 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

๐Ÿ’ก Ideas to help consider Inclusive Design principles when making things for others to use.

Empathy Prompts

Prompts to consider when making things for others to use.

This project is geared towards anyone involved with making digital products. It is my hope that this reaches both:

  • People who are not necessarily involved in the day-to-day part of the process, but who help shape things like budget, timeline, and scope, and
  • People who work every day to help to give these products shape and form

These prompts are intended to help build empathy, not describe any one person's experience. These prompts are not intended to tokenize the experience of the individuals experiencing these conditions. For further reading about disability simulations, please refer to Job van Achterberg's excellent presentation, The Imitation Game.

Table of Contents

  1. About this page
  2. Contributing
    1. Suggest a prompt
    2. Language and terminology concerns
    3. Issues and Pull Requests
  3. Additional resources
    1. Prompt formats
    2. Links
  4. Resetting technology
    1. Brightness
    2. Dyslexia simulator bookmarklet
    3. High Contrast Mode
    4. NoCoffee Chrome Extension
    5. Screen magnifiers
    6. Screen readers
    7. Zoomed Browser
  5. Thanks
  6. License

About this page

You're on GitHub, a service that helps people build digital things. Projects are called "repositories", or "repos" for short. Repositories are collections of files managed by Git, software that helps people code and collaborate.

One file in this repo is called a Readme, which helps helps describe what the project is, why it was made, and how you can help out with it. GitHub takes the Readme for every repo and displays it on the repo's homepage for easier discovery.

To return to the prompt you were viewing, use your browser's back button.

Contributing

If you do not have a GitHub account, you can contact me via email. Please remember that requests submitted via email also need to conform to the project's contributing guidelines.

Suggest a prompt

To suggest a prompt, please submit a GitHub Issue and follow the Issue template's instructions.

Please remember to:

  • Keep the title, description, and examples brief
  • Use simple, direct language
  • Use as little jargon as possible
  • Provide links to resources

Prompts will be considered and added on a case-by-case basis. Questions and feedback will be handled in the submitted Issue.

Language and terminology concerns

I'm striving to be as respectful as possible. If you feel the words or tone for one of the prompts isn't using the proper terminology, or isn't representative of the condition, please let me know either publicly or privately.

Issues and Pull Requests

The best way to submit Issues (problems with the project) and Pull Requests (adding features to the project, fixing problems, or improving project code) is using this project's Issue tracker. Please make sure you read the contributing guidelines before doing so!

Additional resources

Prompt formats

Resetting technology

Instructions on how to reset any of the technology a prompt makes you install:

Brightness

Mac

  • Use the brightness keys (F1 and F2) to restore brightness to a level you find comfortable, or
  • Go to System Preferences > Displays, and drag the brightness slider to a level you find comfortable

Windows

  • Select Start > Settings > System > Display, then drag the brightness slider to a level you find comfortable

Dyslexia simulator bookmarklet

  • Right click on the bookmarklet on your browser's bookmarks bar and choose the Delete option
  • You may also have to refresh the page

High Contrast Mode

Mac

  • Go to System Preferences > Accessibility > Display, then drag the slider for Display contrast to Normal

Windows

  • Use the Left ALT + Left Shift + Print Screen keyboard shortcut

Low Bandwidth

  • Close the Chrome Developer Tools
  • You may also have to refresh the page

NoCoffee Chrome Extension

  • To disable:
    1. Click on the extension's icon
    2. Choose the Reset all button
    3. You may also have to refresh the page
  • To remove:
    1. Open Chrome's Preferences
    2. On the sidebar, select Extensions
    3. Find the NoCoffee extension and either uncheck Enabled to disable the extension, or select the trash can icon to delete it
    4. You may also have to refresh the page

Screen magnifiers

Mac

  • Use either the keyboard shortcut (CMD+OPT -) or the mouse command (CMD + Scroll Down) until the screen stops shrinking

Windows

  • Quit the magnifier program by pressing either WIN + ESC or select the magnifying glass icon and then select the Close button on the Magnifier toolbar.

Screen readers

NVDA (Windows)

  • You can quit NVDA like any other Windows program, or
  • Use NVDA's keyboard shortcut: INSERT + Q

VoiceOver (Mac)

  • Use the CMD + F5 keyboard shortcut, or
  • Go to System Preferences > Accessibility > VoiceOver, then uncheck Enable VoiceOver

Zoomed Browser

Mac

  • Use the CMD + 0 keyboard shortcut to restore zoom to 100%

Windows

  • Use the CTRL + 0 keyboard shortcut to restore zoom to 100%

Thanks

License

MIT License.

More Repositories

1

accessible-html-content-patterns

โ™ฟ๏ธ The full HTML5 Doctor Element Index as well as common markup patterns for quick reference.
Handlebars
172
star
2

ericwbailey.website

๐Ÿ“ Repo for my personal website.
Nunjucks
54
star
3

a11y-webring.club

๐ŸŒ A webring for digital accessibility practitioners.
Nunjucks
37
star
4

styled-component-template

๐Ÿ’… Help keep your Sass partials consistent
26
star
5

alfred-wcag-workflow

๐ŸŽฉ Search through, copy, and open Web Content Accessibility Guideline (WCAG) Success Criterion (SC) using Alfred
20
star
6

alfred-emoji-snippets

๐Ÿ™ƒ Emoji Snippets for Alfred App
18
star
7

favicon

๐Ÿ–ผ An attempt to capture all possible favicons for a web project.
18
star
8

enchilada

๐ŸŒฏ A collection of files and opinionated code used to set up projects. Check the repo Wiki for more info.
SCSS
18
star
9

lowvision.support

๐Ÿ‘ Help improve your website's accessibility by simulating common low vision disorders and color-blindness.
14
star
10

dotfiles

๐Ÿค– Computer setup
Shell
12
star
11

sublime-snippets

Sublime Text snippets
5
star
12

working-with-high-contrast-mode-talk

๐Ÿ”† Presented for Accessibility Camp Toronto on November 18, 2017 and ID24 on October 11, 2018.
JavaScript
5
star
13

emoji

๐ŸŽ‰ I'm sorry.
3
star
14

literallytheindianocean.io

๐ŸŒŠ Literally.
3
star
15

modal-nodes

A modular, low-specificity CSS framework for cantina.co
HTML
3
star
16

remove-board-movement-events-from-the-github-issue-timeline

This extension can remove and restore the presence of timeline items generated by a project board event from GitHub's timeline.
JavaScript
2
star
17

emily-and-eric.wedding

๐Ÿ’ October 12, 2019
CSS
1
star
18

sadhighfive.com

๐Ÿ‘ For quickly communicating that feeling of sorrowful solidarity.
1
star
19

test

This repo is for testing and evaluating GitHub-related things
Objective-C
1
star
20

it-is-not-an-accessibility-job-if-it-is-in-office-only.com

๐Ÿšซ It's not.
HTML
1
star
21

ijustwanttogiveyoumoney.com

๐Ÿ’ต Help me help you
HTML
1
star
22

gimmiethat.space

I need some space.
HTML
1
star
23

ericwbailey

README
1
star