From 1a7cedc7dd25d29e53d59b2004b8536de431326c Mon Sep 17 00:00:00 2001 From: "David A. Kennedy" Date: Wed, 11 Nov 2015 14:54:08 -0500 Subject: [PATCH] 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: https://github.com/Automattic/_s/pull/814 * Related: https://github.com/Automattic/_s/pull/755 and https://github.com/Automattic/_s/pull/604 Fixes #543 --- sass/modules/_accessibility.scss | 5 +++++ style.css | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/sass/modules/_accessibility.scss b/sass/modules/_accessibility.scss index 644f5845..45981b00 100644 --- 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 index a9932421..23409b8c 100644 --- 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 --------------------------------------------------------------*/