Permalink
Browse files

Do not show the outline on the skip link target container

* Putting it in style.css solves the issue for our specific skip link, but leaves the outline working on other anchors in case developers need that.
* For discussion, see: #814
* Related: #755 and #604

Fixes #543
  • Loading branch information...
davidakennedy committed Nov 11, 2015
1 parent e1fe1fc commit 1a7cedc7dd25d29e53d59b2004b8536de431326c
Showing with 10 additions and 0 deletions.
  1. +5 −0 sass/modules/_accessibility.scss
  2. +5 −0 style.css
@@ -25,3 +25,8 @@
z-index: 100000; /* Above WP toolbar. */
}
}
+
+/* Do not show the outline on the skip link target. */
+#content[tabindex="-1"]:focus {
+ outline: 0;
+}
View
@@ -664,6 +664,11 @@ a:active {
z-index: 100000; /* Above WP toolbar. */
}
+/* Do not show the outline on the skip link target. */
+#content[tabindex="-1"]:focus {
+ outline: 0;
+}
+
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

0 comments on commit 1a7cedc

Please sign in to comment.