Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ericwbailey/empathy-prompts

💡 Ideas to help consider Inclusive Design principles when making things for others to use.
https://github.com/ericwbailey/empathy-prompts

a11y accessibility inclusive-design

Last synced: about 1 month ago
JSON representation

💡 Ideas to help consider Inclusive Design principles when making things for others to use.

Awesome Lists containing this project

README 

        
# [Empathy Prompts](https://empathyprompts.net/)



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](https://twitter.com/detonite)'s excellent presentation, [The Imitation Game](https://noti.st/jkva/tF5o8J/slides).



## Table of Contents



1. [About this page](#about-this-page)

1. [Contributing](#contributing)

    1. [Suggest a prompt](#suggest-a-prompt)

    1. [Language and terminology concerns](#language-and-terminology-concerns)

    1. [Issues and Pull Requests](#issues-and-pull-requests)

1. [Additional resources](#additional-resources)

    1. [Prompt formats](#prompt-formats)

    1. [Links](#links)

1. [Resetting technology](#resetting-technology)

    1. [Brightness](#brightness)

    1. [Dyslexia simulator bookmarklet](#dyslexia-simulator-bookmarklet)

    1. [High Contrast Mode](#high-contrast-mode)

    1. [NoCoffee Chrome Extension](#nocoffee-chrome-extension)

    1. [Screen magnifiers](#screen-magnifiers)

    1. [Screen readers](#screen-readers)

    1. [Zoomed Browser](#zoomed-browser)

1. [Thanks](#thanks)

1. [License](#license)



## About this page



You're on [GitHub](https://github.com/), a service that helps people build digital things. Projects are called "repositories", or "repos" for short. Repositories are collections of files managed by [Git](https://git-scm.com/), 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](https://github.com/ericwbailey/empathy-prompts/blob/master/AUTHORS). Please remember that requests submitted via email also need to conform to [the project's contributing guidelines](https://github.com/ericwbailey/empathy-prompts/blob/master/CONTRIBUTING.md).



### Suggest a prompt



To suggest a prompt, please [submit a GitHub Issue](https://github.com/ericwbailey/empathy-prompts/issues) 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](https://github.com/ericwbailey/empathy-prompts/labels/%5BType%5D%20Terminology) or [privately](https://github.com/ericwbailey/empathy-prompts/blob/master/AUTHORS).



### 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](https://github.com/ericwbailey/empathy-prompts/issues). Please make sure you [read the contributing guidelines](https://github.com/ericwbailey/empathy-prompts/blob/master/CONTRIBUTING.md) before doing so!



## Additional resources



### Prompt formats

- [JSON](https://github.com/ericwbailey/empathy-prompts/blob/master/source/content.json)

- [PDF](https://empathyprompts.net/static/downloads/empathy-prompt-cards.pdf)



### Links

- [30 Days of Accessibility Testing](https://dojo.ministryoftesting.com/lessons/30-days-of-accessibility-testing)

- [Conscious Styleguide](http://consciousstyleguide.com/)

- [Designing inclusively](https://medium.com/simple-human/designing-inclusively-5442ca2850ba)

- [Empathy Maker](http://maya-benari.com/empathy-maker/)

- [Highlights from Drop-in Time & Local Tech Interactions](https://storify.com/jessamyn/highlights-from-drop-in-time)

- [Microsoft's Inclusive Design Principles and Resources](https://www.microsoft.com/en-us/design/inclusive)

- [Writing Accessible Content](https://foxland.fi/writing-accessible-content/)



## 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

    1. Choose the `Reset all` button

    1. You may also have to refresh the page

- To remove:

    1. Open Chrome's Preferences

    1. On the sidebar, select `Extensions`

    1. Find the NoCoffee extension and either uncheck `Enabled` to disable the extension, or select the trash can icon to delete it

    1. 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



- [Wayne Elgin](https://github.com/esjay) and [Dan McLaughlin](https://github.com/danielsmc) for JavaScript help 🎉

- [Scott Doxey](https://github.com/neogeek/) for Progressive Web App help! 🍟



## License



[MIT License](https://raw.githubusercontent.com/ericwbailey/empathy-prompts/master/LICENSE).