Skip to content

13protons/empath

Repository files navigation

Empathy Browser

See the web through the eyes of others.

The Empathy Browser is a tool that aims to simulate how people with different abilities experience the web. Twenty percent of all internet users experience some form of disibiliy, and this can help build empathy and promote inclusion by simulating the mismatch between the diversity of human capabilities and the interfaces we all use on the internet.

Websites and digital materials that are not designed with accessibility in mind may exclude this population of potential users. Empathy Browser allows professionals, such as web developers and designers, to experience their projects in ways that help them relate to those with a different array of abilities.

We hope that by providing a simulation of common disabilities we are able to change the way technology professionals think about inclusive design, leading to transformasions in the technology they build and positively impacting the world.


Note: The images below are used to diagnose common forms of color blindness. Use the tools in Empathy Browser to view these images as they appear to other people. Can you identify ways in which these images lose their meaning?

Images for experiencing color blindness Images for experiencing color blindness A chart using visual language that relies on color and a chart that does not rely exclusively on color A traffic light A video game that relies on color

See the website for more info and visual examples.

Note: this project is in early stages. Drop a line if you'd like to help out!

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:9080
npm run dev

# build electron application for production
npm run build

# run unit & end-to-end tests
npm test


# lint all JS/Vue component files in `src/`
npm run lint

This project was generated with electron-vue@8fae476 using vue-cli. Documentation about the original structure can be found here.