Skip to content

Instantly share code, notes, and snippets.

@marcysutton
Last active August 29, 2015 14:01
Show Gist options
  • Save marcysutton/cc310fc7d4682c3cb02d to your computer and use it in GitHub Desktop.
Save marcysutton/cc310fc7d4682c3cb02d to your computer and use it in GitHub Desktop.
Personalization for Accessibility

Personalization for Accessibility

I'm looking for web apps or online experiences that offer personalization options to users with the intent to improve accessibility, such as increased font-size, variable color scheme or layout (for example, always give me mobile). Thoughtful implementations would persist after users leave the site, so their desired settings would still be there when they came back.

Trello has an "Enable Color Blind Friendly Mode". It's pretty simplistic and probably not that useful, but their hearts are in the right place.

Have you seen any applications that do well with this type of offering?

Trello settings screenshot highlighting the Enable Color Blind Friendly Mode

@ryanflorence
Copy link

We have high contrast styles and a different gradebook for screenreader users (grids are such a pain, we made an optimized experience for blind users).

@marcysutton
Copy link
Author

@rpflorence that is awesome, thank you. Is there a place I can check those out?

@thefuxia
Copy link

Google+ has an “accessibility” option. When you are logged in, you can find it in https://plus.google.com/u/0/settings.

It says:

Change the presentation of some pages to work better with screen readers and other assistive tools.

What it really does: it switches the layout to single column mode. The overall accessibility of the site is still very poor. Links are not links, but <span> elements with onclick handlers. There is no complete main stream view, the default font size is very small and so on.

@studiochris
Copy link

While not specifically an online experience, one of my previous projects included a CSS style switch for colorblind users in a console view what was basic HTML. Under the default, error messages showed in red so they could be identified quickly in a sea of stdout messages and success messages were green.

FruitBat Console

In the colorblind mode, error messages were switched to a golden yellow and success messages were blue.

The switch was accomplished just by adding a class to the main console container.

@coryj627
Copy link

This is actually pretty hard. I can think of a number of iOS apps that have accessible / "VoiceOver" modes that you can turn on. But web apps specifically that do this is challenging..

By the way it's funny that Trello includes this in their web app when their iOS app is not all that VoiceOver friendly...at least in my experience..

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment