[wp-trac] [WordPress Trac] #30390: Voice Over user can't access Attachment Details after adding an image

[WordPress Trac]

#30390: Voice Over user can't access Attachment Details after adding an image
--------------------------+--------------------------------
 Reporter:  rianrietveld  |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Media         |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:  ui, accessibility
--------------------------+--------------------------------
Description changed by joedolson:

Old description:

> After uploading an image in Add Media -> Insert image, the focus is
> placed at the URL from Link to Media File.
>
> A Voice Over user can't reach the Attachment Details by tabbing backwards
> (up). This might be caused by the fact the attachment details are placed
> within a div with the role "checkbox"
>
> {{{
> <div tabindex="0" role="checkbox" aria-label="image-alt" aria-
> checked="false" data-id="69" class="attachment-details save-ready">
>                 <h3>
>                         Attachment Details
> }}}
>
> The screen reader NVDA can reach the field, Voice Over can't.
>
> Cindy Otty (@ceo) gives a demo [https://files.slack.com/files-pri
> /T024MFP4J-F0311N8AC/insert_media_with_voiceover__wp_4.1-beta1_.mov]

New description:

 After uploading an image in Add Media -> Insert image, the focus is placed
 at the URL from Link to Media File.

 A Voice Over user can't reach the Attachment Details by tabbing backwards
 (up). This might be caused by the fact the attachment details are placed
 within a div with the role "checkbox"

 {{{
 <div tabindex="0" role="checkbox" aria-label="image-alt" aria-
 checked="false" data-id="69" class="attachment-details save-ready">
                 <h3>
                         Attachment Details
 }}}

 The screen reader NVDA can reach the field, Voice Over can't.

 Cyndy Otty (@ceo) gives a demo [https://files.slack.com/files-pri
 /T024MFP4J-F0311N8AC/insert_media_with_voiceover__wp_4.1-beta1_.mov]

--

--
Ticket URL: <https://core.trac.wordpress.org/ticket/30390#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform