eea.facetednavigation icon indicating copy to clipboard operation
eea.facetednavigation copied to clipboard

<label> needed on <select> for Section 508 compliance

Open nutjob4life opened this issue 4 years ago • 1 comments

In the "Results per page" widget, the <select> generated does not have a matching <label> which is required by WCAG section 1.1.1 "Non-Text Content". This is being flagged in a Section 508 scan of a site that uses EEA Faceted Navigation.

In the generated HTML below, there is no <label> for the <select> with ID = c0:

<form action"." method="GET">
    <select class="faceted_select" name="c0" id="c0">
        <option value="0" title="0">0</option>
        <option selected="selected" value="20" title="20">20</option>
        <option value="40" title="40">40</option>
        …
    </select>
</form>

Yes, US Government websites have some pretty strict requirements 😰

nutjob4life avatar Oct 15 '20 15:10 nutjob4life