[wp-trac] [WordPress Trac] #47147: Status message not exposed to assistive technologies

[WordPress Trac]

#47147: Status message not exposed to assistive technologies
-------------------------------------------------+-------------------------
 Reporter:  anevins                              |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  5.3
Component:  Media                                |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots needs-patch          |     Focuses:  ui,
  wpcampus-report                                |  accessibility
-------------------------------------------------+-------------------------

Comment (by afercia):

 @anevins it's indeed two issues.

 Currently, when pressing "Restore Image", focus is moved to the first
 focusable element within the image editor container which is... the "Scale
 image" help button:

 [[Image(http://cldup.com/w-mQVVimC3.png)]]

 Worth reminding the media editor is used also within the media modal:

 [[Image(http://cldup.com/NC6NLEkK66.png)]]

 Not ideal, can be certainly changed but the image editor code is pretty
 old and moving focus to the first focusable element seemed a good idea. In
 the case of notices appearing in the page, it should behave as suggested
 above. However, I'd tend to think we should favor a generalic, reusable,
 solution rather than ad-hoc implementations.

 Relevant code is in `src/js/_enqueues/lib/image-edit.js`.

 The second issue are the status notices that appear on the page. Instead
 of using a role=alert, I'd recommend to use `wp.a11y.speak()` which is the
 core implementation of ARIA live regions. Passing the `assertive`
 parameter to `speak()` would produce the equivalent announcement of an
 ARIA alert.

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