[wp-trac] [WordPress Trac] #28599: Better Visual Focus Indication in Admin Menu

[WordPress Trac]

#28599: Better Visual Focus Indication in Admin Menu
--------------------------+------------------------------------------------
 Reporter:                |       Owner:
  AccessibleJoe           |      Status:  new
     Type:  defect (bug)  |   Milestone:  Future Release
 Priority:  normal        |     Version:  3.8
Component:  General       |  Resolution:
 Severity:  normal        |     Focuses:  ui, accessibility, administration
 Keywords:                |
--------------------------+------------------------------------------------

Comment (by usability.idealist):

 Replying to [comment:34 florianziegler]:
 > I like the "left border" on focus approach (however it will be achieved
 technically). We would have to experiment with different colors and make
 sure contrast is sufficient. It definitely looks better than the white
 border!
 >
 > Question is: Would this solution be enough to count as an "additional
 visual cue" in respect to [http://www.w3.org/TR/2014/NOTE-
 WCAG20-TECHS-20140916/G183 WCAG criteria]?

 Well, I dont think so. Doesn't really work out using the best testing tool
 I got in my metaphorical toolbox. Ie. my eyes w/o glasses. 6 - 7 cm
 distance from the screen to actually be able to read something with my
 left eye, 13 - 14 for the right one.

 Did also test the ''':after/:before :content''' bracketing.

 Nay. Not enough visual focus. Kind of fades together with the rest of the
 letters. Aside of creating two ugly line breaks for the main menu items
 (see screenshot: http://gfx.fwwd.de/screenshots/wp-menu-pseudo-element-
 keyboard-focus.png).

 The underline is still my best bet. Works with every menu item, is only
 visible for keyboard users, and gives a nice visual focus (ie. different
 from the rest, even if it was still the ugly unreadable blue on dark
 gray).

 > IMHO the behavior of hover and focus should be identical. This makes for
 a more streamline experience.

 /signed. But you know, some folks might find it not "visually appealing"
 (aka artsy) enuff :-/

 cu, w0lf.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/28599#comment:35>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform