Changeset 3657 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/global.scss

Timestamp:

07/09/2016 03:57:32 PM (10 years ago)

Author:

drewapicture

Message:

developer.wordpress.org: Add a skip link for screen reader users to skip to the content area.

The skip link is only initially displayed to screen readers but can be exposed when directly focused, making it available to all keyboard users.

See #1819.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/global.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/global.scss

@@ -154 +154 @@
     margin: 0 auto;
 }
+
+/* Screen Reader Text */
+.screen-reader-text {
+    position: absolute !important;
+    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+    overflow: hidden;
+    height: 1px;
+    width: 1px;
+}
+.screen-reader-text:hover,
+.screen-reader-text:active,
+.screen-reader-text:focus {
+    background: #eee;
+    border-bottom: 1px solid #ddd;
+    color: #1982d1;
+    clip: auto !important;
+    font-size: 12px;
+    height: auto;
+    position: absolute;
+    text-decoration: underline;
+    top: 0;
+    left: 7.6%;
+    width: auto;
+}