From 1d67489424276fee6bea3de189946dea5b7a09e4 Mon Sep 17 00:00:00 2001 From: Omer Wazir Date: Thu, 12 Feb 2015 10:30:18 -0700 Subject: [PATCH] doc: mark class should have a reasonable contrast ratio The mark class coupled with the opacity applied from the header span makes it hard to see the hashtag next to each header. I only knew the hashtag's existed after running an accesibility audit tool[1] on the page. I used a contrast checker[2] to figure out which color to use. [1]:https://github.com/GoogleChrome/accessibility-developer-tools [2]:http://webaim.org/resources/contrastchecker/ --- doc/api_assets/style.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css index c88351e735deba..8929e267044deb 100644 --- a/doc/api_assets/style.css +++ b/doc/api_assets/style.css @@ -217,7 +217,6 @@ h1 span, h2 span, h3 span, h4 span { display: block; top: 0; right: 0; - opacity: 0.3; } h1 span:hover, h2 span:hover, h3 span:hover, h4 span:hover { @@ -401,7 +400,7 @@ span.type { span > .mark, span > .mark:visited { font-size: 18px; - color: #ccc; + color: #707070; position: absolute; top: 0px; right: 0px;