[wp-trac] [WordPress Trac] #47611: Media views: hide the "file upload button" from assistive technologies

[WordPress Trac]

#47611: Media views: hide the "file upload button" from assistive technologies
-------------------------------------+-------------------------------------
 Reporter:  afercia                  |       Owner:  anevins
     Type:  defect (bug)             |      Status:  assigned
 Priority:  normal                   |   Milestone:  5.4
Component:  Media                    |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-screenshots has-     |     Focuses:  accessibility,
  patch dev-feedback needs-testing   |  javascript
-------------------------------------+-------------------------------------

Comment (by azaozz):

 Replying to [comment:18 audrasjb]:
 > The field is already hidden, we just need to hide it from assistive
 technologies.

 "Technically" it's not hidden, it is "off-screen". Current code:

 {{{
 <div
     id="html5_1drm54kle1qkop61h77ia9j53_container"
     class="moxie-shim moxie-shim-html5"
     style="position: absolute; top: 0px; left: 0px; width: 0px; height:
 0px; overflow: hidden; z-index: 0;"
 >
 <input
     id="html5_1drm54kle1qkop61h77ia9j53"
     type="file"
     style="font-size: 999px; opacity: 0; position: absolute; top: 0px;
 left: 0px; width: 100%; height: 100%;"
     multiple=""
 ...
 }}}

 Note the `position: absolute; top: 0px; left: 0px; width: 100%; height:
 100%;` which I think is needed for drag/drop upload to work.

 But yes, lets look there during 5.4 :)

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