From 8c403dc1dcccc38057aba85c49a314a36a93c0af Mon Sep 17 00:00:00 2001 From: Ross Allen Date: Wed, 18 Jun 2014 14:40:50 -0700 Subject: [PATCH] Darken @gray-light to meet accessibility guidelines MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit `@gray-light` darkens from #999 to #777, which puts `.text-muted` at the threshold for the 4.5:1 WCAG minimum contrast[1]. #777:#fff is 4.48:1. The “Example” headers in docs become #959595, which is contrast ratio 3:1, the minimum for larger text. Since the headers are less important than the surrounding text, 3:1 is fine and an improvement on the previous #bbb:#fff (1.92:1). Fixes issue #13847. [1] http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html --- docs/assets/css/_src/docs.css | 2 +- less/variables.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/assets/css/_src/docs.css b/docs/assets/css/_src/docs.css index e13ca35b81..1bb81405d1 100644 --- a/docs/assets/css/_src/docs.css +++ b/docs/assets/css/_src/docs.css @@ -857,7 +857,7 @@ h1[id] { left: 15px; font-size: 12px; font-weight: bold; - color: #bbb; + color: #959595; text-transform: uppercase; letter-spacing: 1px; content: "Example"; diff --git a/less/variables.less b/less/variables.less index a2e464b6ee..c6edad147c 100644 --- a/less/variables.less +++ b/less/variables.less @@ -10,7 +10,7 @@ @gray-darker: lighten(#000, 13.5%); // #222 @gray-dark: lighten(#000, 20%); // #333 @gray: lighten(#000, 33.5%); // #555 -@gray-light: lighten(#000, 60%); // #999 +@gray-light: lighten(#000, 46.7%); // #777 @gray-lighter: lighten(#000, 93.5%); // #eee @brand-primary: #428bca;