Make focused links slightly darker to improve contrast

alphagov · Jan 30, 2017 · b1db73d · b1db73d
1 parent 02bb89e
commit b1db73d
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/source/assets/stylesheets/_accessibility.scss b/source/assets/stylesheets/_accessibility.scss
@@ -60,6 +60,11 @@ a:focus {
   outline: 3px solid $focus-colour;
 }
 
+/* Make links slightly darker when focused to improve contrast. */
+a:link:focus {
+  color: darken( $link-colour, 2.5%)
+}
+
 /* Make skiplinks visible when they are tabbed to */
 
 .skiplink {