[wp-trac] [WordPress Trac] #47117: Media modals: Focus is invisible in Windows high contrast views

[WordPress Trac]

#47117: Media modals: Focus is invisible in Windows high contrast views
-----------------------------+--------------------------------
 Reporter:  afercia          |       Owner:  joedolson
     Type:  defect (bug)     |      Status:  assigned
 Priority:  normal           |   Milestone:  5.3
Component:  Media            |     Version:
 Severity:  normal           |  Resolution:
 Keywords:  wpcampus-report  |     Focuses:  ui, accessibility
-----------------------------+--------------------------------

Comment (by afercia):

 I've just tested High Contrast Mode on Windows 10 – Internet Explorer 11.
 As expected, things have improved after WordPress 5.0, see [44544] and the
 related ticket #41286.

 Seems to me most of the focusable elements in the media modal dialog and
 Image Editor have now a good focus indication. More testing would be
 appreciated, of course.

 I'm attaching below a collage of screenshots to illustrate some edge cases
 (outlined in red) that need to be addressed.

 Of the remediation guidelines:
 1. Add a transparent (or visible) outline to elements which are using box-
 shadow to show focus.
 2. For elements which are selected and focussed, selected elements should
 also have a border.
 3. Ensure the outline is not given a negative outline-offset, as this
 would place it directly on top of the border, making it visibly
 indistinguishable by users.


 1 can be considered almost done: see the edge cases to address and see
 #45910.
 2 and especially 3 need to be addressed across the whole admin. I'd
 recommend to start by removing the negative outline-offset from all the
 ruleset where the transparent outline for High Contrast Mode is used.

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