WordPress.org
Get WordPress

Make WordPress Core

Changes between Initial Version and Version 1 of Ticket #56753


Ignore:
Timestamp:
10/07/2022 09:41:14 AM (2 years ago)
Author:
sabernhardt
Comment:

Thanks for the report!

The file input missing a label is from mOxie, and it has aria-hidden: <div id="html5_1geoo4skn1io81n4c1jn8q4a1k203_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_1geoo4skn1io81n4c1jn8q4a1k203" type="file" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" multiple="" accept="" tabindex="-1" aria-hidden="true"></div>

The empty heading WAVE reports is an H1 within media-frame-title, which is hidden with display: none.

Legend:

Unmodified
Added
Removed
Modified

  • Ticket #56753

    • Property Keywords needs-patch needs-design removed
    • Property Type changed from feature request to defect (bug)
    • Property Summary changed from Accessibility Missing form label to Media upload file input missing form label

  • Ticket #56753 – Description

    initial v1  
    77Screenshots:
    88
    9 [https://share.cleanshot.com/lv7GiZQ2y8Mc4cJblnuy]
    10 [https://share.cleanshot.com/xphIMVX7KpLlrS1cdZHu]
     9[https://share.cleanshot.com/lv7GiZQ2y8Mc4cJblnuy WAVE summary]
     10[https://share.cleanshot.com/xphIMVX7KpLlrS1cdZHu WAVE details]
    1111
    1212URL: your-site-path/wp-admin/upload.php
    … …  
    1616Here, I have provided steps to reproduce this issue.
    1717
    18 Step1: Download "WAVE Evaluation Tool" extensions ( https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh )
    19 
    20 Step2: Go to admin dashboard and open media library form, I have mentioned link above.
    21 
    22 Step3: Then click on "WAVE" extension and check its report.
     181. Download "WAVE Evaluation Tool" [https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh Chrome extension].
     192. Go to admin dashboard and open media library form (wp-admin/upload.php) in Grid mode.
     203. Then click on "WAVE" extension and check its report.
     214. Turn off Styles to find the file input.
    2322
    2423Thanks you so much,