Using a Screen Reader with the Add Media Panel

[grahamarmfield]

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.

[johnbillion]

As I mentioned to both Graham and Nacin, I've split this ticket out into separate issues that can be tackled separately. Hopefully the separate tickets will produce some low hanging fruit for someone.

• #25100
• #25101
• #25102
• #25103
• #25105

I believe those five tickets cover the issues listed here, in addition to the existing #23560 which covers the main accessibility problem of not being able to select media items.

Recommend closing this ticket as invalid.