[wp-trac] [WordPress Trac] #63985: Profile Update success message not announced by screen readers

[WordPress Trac]

#63985: Profile Update success message not announced by screen readers
---------------------------+-----------------------------
 Reporter:  alh0319        |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Users          |    Version:
 Severity:  normal         |   Keywords:
  Focuses:  accessibility  |
---------------------------+-----------------------------
 This is related to [https://core.trac.wordpress.org/ticket/63972 #63972],
 but I am opening a separate issue for easier tracking and because I am
 unsure if all admin messages can be modified at once or if they need to be
 modified individually.

 When a user edits their profile on `/wp-admin/profile.php`, the page
 reloads with a visible success message, but screen readers do not announce
 it. When the page reloads, the screen reader focus is at the top of the
 page, and the screen reader reads content from that point forward. It is
 unclear whether the profile update was saved, and users must explore the
 page to find the success message.

 [https://drive.google.com/file/d/125NqqL79gu7z15UXtlTGObY4nbGGZ1l1/view?usp=sharing
 Image of NVDA not reading the success message after a user profile is
 updated]

 This is a [https://www.w3.org/WAI/WCAG21/Understanding/status-
 messages.html 4.1.3: Status Messages (Level AA) failure].

 As noted in 63972, to make screen reader users announce the success
 message after the page reloads, the focus needs to be set on the message
 container when the page reloads. This is probably the easiest fix.
 Otherwise, the save action could be changed to not require a reload and
 the message could be provided with `wp.a11y.speak()`

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/63985>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform