Accessibility Game

A Web-Game that creates awareness for people with disabilities on the internet.

Concept
Visual Design
UX
Audio Design
Web Development
Screenshot from Accessibility Game: showing levels
Illustration from Accessibility Game: Colorblind

The Problem

During an intership at Stichting Accessibility I was tasked to create a game with the goal of creating awareness and understanding of how people with disabilities use the internet. Along with tips for designers and developers about what they can do to make life easier for people with these disabilities.

The Client & the Users

Stichting Accessibility, the client, is an organisation with a mission to make the internet a more accessible place; They conduct accessibility audits, give workshops and initiate projects to increase awareness and knowledge about the subject.

The target user group for the game is designers and developers who want to know more about accessibility. The game will be distributed online and will be used as part of the workshops offered by Stichting Accessibility.

Screenshot from Accessibility Game: Tunnel Vision Level

The Solution

Over the course of 3 months I created a web-game that takes the user through a series of levels that simulate having certain disabilities on the internet. One level, for example, simulates tunnel vision by hiding a large part of the screen while another level simulates being hard of hearing by manipulating the audio in such a way that people have to pay very close attention to the video to understand what is being said.

I made visual illustrations and sound effects to make it more appealing and to make it feel more like a game.

Tools used

Eleventy

Static Site Generator

Pug, SCSS, Javascript

Programming Languages

Figma

Visual Design & Mockups

Ableton Live

Audio Design

Testing with Experts

Over the course of the design proces I sent out versions of the game along with questionnaires to get as much feedback as possible. I also talked to experience experts with a disability to learn how they experience the world and the internet. The design of the levels was tweaked and based on all the feedback I got, making the game a more fun and more representative product in the end.

Screenshot from Accessibility Game: Hard of Hearing level tips and tricks

Try it live:

Accessibility Game