Changeset 32521

Timestamp:

05/21/2015 06:04:03 PM (10 years ago)

Author:

jorbin

Message:

In List Tables, ensure sorting indicator is visible on focus

In all List Tables, when tabbing through the sortable headers links, the "sorting-indicator" arrows are not displayed. Keyboard users are missing important feedback about the links purpose.

Happy #GAAD

Props afercia
Fixes #32189

File:

• trunk/src/wp-admin/css/list-tables.css (modified) (3 diffs)

trunk/src/wp-admin/css/list-tables.css

@@ -373 +373 @@
 
 .sorting-indicator:before {
-    background: none;
     content: '\f142';
     font: normal 20px/1 'dashicons';
@@ -397 +396 @@
 
 th.sorted.asc .sorting-indicator:before,
-th.desc:hover span.sorting-indicator:before {
+th.desc:hover span.sorting-indicator:before,
+th.desc a:focus span.sorting-indicator:before {
     content: '\f142';
 }
 
 th.sorted.desc .sorting-indicator:before,
-th.asc:hover span.sorting-indicator:before {
+th.asc:hover span.sorting-indicator:before,
+th.asc a:focus span.sorting-indicator:before {
     content: '\f140';
 }
@@ -483 +484 @@
 }
 
-th.sorted.asc .sorting-indicator,
-th.desc:hover span.sorting-indicator {
+th.sorted .sorting-indicator,
+th.desc:hover span.sorting-indicator,
+th.desc a:focus span.sorting-indicator,
+th.asc:hover span.sorting-indicator,
+th.asc a:focus span.sorting-indicator {
     display: block;
-    background-position: 0 0;
-}
-
-th.sorted.desc .sorting-indicator,
-th.asc:hover span.sorting-indicator {
-    display: block;
-    background-position: -7px 0;
 }