search

guardianproject / haven

Haven is for people who need a way to protect their personal spaces and possessions without compromising their own privacy, through an Android app and on-device sensors
https://guardianproject.github.io/haven/
GNU General Public License v3.0
6.63k stars 727 forks source link

[Accessibility] Background color of configuration screens inaccessible #227

Closed glenn-sorrentino closed 6 years ago

glenn-sorrentino commented 6 years ago

The yellow text color (#F5C229) doesn’t have enough contrast against the blue background color (#2196F3) to make the app unusable for some users with color blindness. It can cause strain on the eyes of users with good vision, and block users with poor vision entirely.

If you want to keep the current yellow text, darken the blue to #085696 to make the contrast pass (Option 1 below). But there's also an opportunity to align all of the dark blue background colors and font-colors an all of the onboarding & configuration screens (Option 2).

You can check colors to see if they pass here: https://webaim.org/resources/contrastchecker/

Note: The explorations show more margin around the UI text.

Current Configuration Screen: configuration - current

Accessible Colors - Option 1: configuration - accessible colors

Accessible Colors - Option 2: configuration - consistent accessible colors

Pages from the Design Audit

Configuration.pdf configure - accessibility

Configuration - Current Colors.pdf configure - current colors

Configuration - Accessible Colors.pdf configure - accessible colors

n8fr8 commented 6 years ago

Thanks @fat-tire will take a look at the PR.