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
Automattic · Nov 11, 2015 · 1a7cedc · 1a7cedc
1 parent e1fe1fc
commit 1a7cedc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/sass/modules/_accessibility.scss b/sass/modules/_accessibility.scss
@@ -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;
+}
diff --git a/style.css b/style.css
@@ -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
 --------------------------------------------------------------*/