[wp-trac] [WordPress Trac] #28892: Customizer - Widgets - Feedback for screen reader users when Moving widgets + other actions

WordPress Trac noreply at wordpress.org
Mon Jul 14 10:55:28 UTC 2014


#28892: Customizer - Widgets - Feedback for screen reader users when Moving widgets
+ other actions
----------------------------+-----------------------------
 Reporter:  GrahamArmfield  |      Owner:
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Customize       |    Version:  trunk
 Severity:  normal          |   Keywords:
  Focuses:  accessibility   |
----------------------------+-----------------------------
 Tested with NVDA on FF30 and JAWS on IE10, on Windows 7 64 bit.

 To recreate:
 - Start your screen reader
 - Tab into Customize > Widgets
 - Tab to sidebar that has widgets within it and press Enter to open.
 - Tab to the Reorder button and press Enter.
 - Reverse tab back up to one of the move controls and action it.

 At this point there is no audible feedback for screen reader users that an
 action has been completed. This is true for a number of other actions
 within the customizer.

 I suggest that an ARIA live region is added somewhere into the customizer
 modal. This could be used to notify screen reader users whenever widgets
 are moved, or other actions are completed which update the screen but do
 not by themselves trigger an update for screen readers.

 The format for such a region would be:
 {{{
 <div id="messages" aria-live="polite" aria-relevant="all" aria-
 role="status" aria-atomic="true"></div>
 }}}

 Whenever an action occurs (eg Move) javascript should update the div with
 some appropriate text. For example: "Search Widget moved up".

 As we're doing this primarily for screen readers, it would be acceptable
 for this message area to be hidden from sighted users with the screen-
 reader-text class.

 This is also a more strategic fix - this message area could be used by
 other functionality throughout the Customizer.

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


More information about the wp-trac mailing list