[wp-trac] [WordPress Trac] #23561: Using a Screen Reader with the Add Media Panel

[WordPress Trac]

#23561: Using a Screen Reader with the Add Media Panel
-----------------------------+---------------------------
 Reporter:  grahamarmfield   |       Type:  defect (bug)
   Status:  new              |   Priority:  normal
Milestone:  Awaiting Review  |  Component:  Accessibility
  Version:  3.5.1            |   Severity:  normal
 Keywords:                   |
-----------------------------+---------------------------
 Linked to #23560, this trac specifically concerns accessibility issues
 found when using the Add Media panel with a screen reader.

 I used NVDA 2012.2.1 with IE9 and FF16.0.2 on Windows 7.

 '''IE9'''

 * On initially clicking Add Media link in Edit Post page the focus appears
 to initially be transferred into the edit content textarea within the main
 page. There is no audible notification that the panel has opened.
 * Further tabbing shows that the focus has not been transferred into the
 panel - so this would be a showstopper for most users.

 If you continue tabbing you eventually do come to the panel in the tab
 order at the bottom of the main page maybe...

 * It is possible to tab round the text links in the panel. However
 actioning the Insert Media or Create Gallery links does not apparently do
 anything - there is no audible feedback that the contents of the next
 panel have changed. Suggest that when one of these links is actioned that
 focus is transferred into the relevant panel - to the heading would be a
 good place.
 * The 'images' select does not have an associated label so it's purpose
 would not be clear to all users.
 * The search box does not have an associated label so screen reader users
 in IE9 receive no feedback as to the purpose of this text box.
 * There is no Go or Search button available to trigger the action for
 these two input fields - both of which change the content of the panel
 below. For accessibility reasons the user should be in control of
 triggering the filtering.
 * As mentioned in the other ticket #23560 the main accessibility problem
 here is that it is not possible to select any of the previous uploaded
 media.


 '''Firefox'''

 * When the Add Media panel opens it is not clear where focus sits. But
 after this first link the focus is transferred into the Add Media panel.
 * The close link does not announce itself when tabbing forwards, but it
 does when reverse tabbing.
 * See IE9 section re actioning Insert Media, Create Gallery links.
 * AS IE9 re label for media type select box. NVDA does announce Search box
 label in FF.
 * As IE9 re lack of Go or Search button for these input fields.
 * As IE9 it is not possible to tab to any of the previously uploaded
 images/files.

 Separate ticket to be raised for Speech Recognition software experience.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/23561>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software