[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:  (none)
     Type:  enhancement     |      Status:  new
 Priority:  normal          |   Milestone:  Future Release
Component:  Administration  |     Version:
 Severity:  normal          |  Resolution:
 Keywords:  color-contrast  |     Focuses:  ui, accessibility
----------------------------+--------------------------------

Comment (by Joen):

 ☝️

 Added a mockup from a related block editor ticket
 (https://github.com/WordPress/gutenberg/issues/15432#issuecomment-489536288),
 worth throwing into the mix for consideration. The key design constraint
 that inspired the mockup was a reliance on borders instead of drop
 shadows, both to create consistency between input styles, dropdown widgets
 and button styles, but to be able to allow the same high contrast focus
 style for all of them.

 Worth also noting that drop shadows alone are removed in Windows high
 contrast mode, so a focus style made up of only a drop shadow won't show
 up in high contrast mode. We can hack around that — show a transparent
 outline, it will be made opaque in that mode — it would be nice to
 simplify things and have the same bordered focus style across modes.

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