[wp-trac] [WordPress Trac] #34904: The design of the focus outline on buttons/elements could be improved

[WordPress Trac]

#34904: The design of the focus outline on buttons/elements could be improved
-------------------------------------------------+-------------------------
 Reporter:  michaelarestad                       |       Owner:  audrasjb
     Type:  task (blessed)                       |      Status:  reopened
 Priority:  normal                               |   Milestone:  5.3
Component:  Administration                       |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  color-contrast blessed wpcampus-     |     Focuses:  ui,
  report has-patch has-screenshots needs-dev-    |  accessibility
  note commit 5-3-admin-css-changes              |
-------------------------------------------------+-------------------------

Comment (by kjellr):

 Replying to [comment:87 audrasjb]:
 > As seen during the accessibility meeting, the best option would be to
 use @kjellr proposal of solid 2px border.
 > Colors:
 > - white border for admin menu items
 > - blue border everywhere else
 >
 > See screenshot below:

 I've added [attachment:"34904-link-and-adminbar-focus-borders.diff"],
 which makes this update.

 ''New link focus states:''
 [[Image(http://cldup.com/scDEdhu41C.gif)]]

 ''New admin menu focus states:''
 [[Image(http://cldup.com/gyeDiyvcB2.gif)]]

 ----

 My main concern on these is that some of these borders look a bit clumsy
 and oddly shaped in Chrome. Chrome also decides to show these every time
 you click, so they're pretty obvious there:

 [[Image(http://cldup.com/DI040rSBCg.gif)]]

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