[wp-trac] [WordPress Trac] #47146: Live search does not announce results to assistive technologies

[WordPress Trac]

#47146: Live search does not announce results to assistive technologies
-------------------------+-------------------------------------------------
 Reporter:  anevins      |      Owner:  (none)
     Type:  defect       |     Status:  new
  (bug)                  |
 Priority:  normal       |  Milestone:  Awaiting Review
Component:  Media        |    Version:
 Severity:  normal       |   Keywords:  has-screenshots needs-patch
  Focuses:               |  wpcampus-report
  accessibility          |
-------------------------+-------------------------------------------------
 Moved from the WPCampus accessibility report issues on GitHub, see
 https://github.com/WordPress/gutenberg/issues/15294

 * **Severity**:
  * Medium
 * **Affected Populations**:
  * Blind
  * Low-Vision
  * Cognitively Impaired
 * **Platform(s)**:
  * Windows - Screen Reader
  * Mac - VoiceOver
  * Android - TalkBack
  * iOS - VoiceOver
 * **Components affected**:
  * Media Dialog

 **Issue description**
 When users in the "Featured Image" modal's "Media Library" do a
 search using the search/filter control, the results change dynamically,
 however these changes are not announced to screen readers, so blind and
 low-vision users cannot tell what, if anything, matches the search
 without manually reading through the image list.

 Assistive technologies rely on state information to understand the
 behaviour of dynamic content, and if this information is incomplete or
 inaccurate it may create a confusing experience for users.

 **Issue Code**
 {{{
     <div class="media-toolbar-primary search-form">


         <label for="media-search-input" class="screen-reader-text">Search
 Media</label>


         <input type="search" placeholder="Search media items..." id
 ="media-search-input" class="search">


     </div>
 }}}

 **Remediation Guidance**
 Use a live region to announce the number of matched results, updating as
 users type and delete characters (ideally with a short timeout or
 throttling so that the announcements don't interfere with user typing).

 **Relevant standards**
 N/A

 **Note**: This issue may be a duplicate with other existing accessibility-
 related bugs in this project. This issue comes from the Gutenberg
 accessibility audit, performed by Tenon and funded by WP Campus. This
 issue is GUT-63 in Tenon's report

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