1306286 - Some elements on the MDN homepage don't meet proper contrast ratios.

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Design, enhancement)

Description

[John French]

What feature should be changed? Please provide the URL of the feature if possible.
==================================================================================
The search icon and its background, the "learn web development" box, should have a slightly better contrast ratio. 

What problems would this solve?
===============================
This would make the site more usable and accessible for users who may have visual impairments.

Who would use this?
===================
Everyone would use it! All users benefit from proper contrast because it makes things easier to read, but user who have difficulty seeing low-contrast elements would be especially helped by this change.

What would users see?
=====================
They would simply see a slight colour change where the contrast would increase slightly.

What would users do? What would happen as a result?
===================================================
They would be able to see the elements better.

Is there anything else we should know?
======================================
The contrast ratio issue is pretty pervasive throughout the site.  It my be worth it to examine globally.

Comment 1

[MDN Team (:mdn-dev)]

Commit pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/87f5709dbd47e7b6073cf4cc114835c2b1e8002f
Merge pull request #4021 from mozilla/924767-924583-1306286-contrast

Bugs 924767, 924583, 1306286: Increase contrast on text and links r=escattone

Comment 2

[[github robot]]

Commit pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/b2f75a59c18a121ac305d61828de5a0c3093e2f1
Bug 1306286: increase contrast for $blue and link-color (#4983)