[Resolved] ADA for Select field

[Author]

Posts

[CSS Web]

Tell us what you are trying to do?

Make Toolset code accessible.

Is there any documentation that you are following?

Reporting from a University accessibility tool

Is there a similar example that we can see?

This code is missing the ID that ties the <label> to the <select> field:

<div class="form-group">
<label class="wpv-custom-search-filter__label" for="dtype">Filter by Type:</label>
<!-- ## --><span class="wpv-custom-search-filter__input">
<select name="wpv-dtype" class="js-wpv-filter-trigger form-control">
<option selected="selected" value="0">All</option><option value="minor">Minor</option>
<option value="bachelor-of-arts-ba">Bachelor of Arts (BA)</option>
<option value="master-of-arts-ma">Master of Arts (MA)</option>
<option value="doctor-of-philosophy-phd">Doctor of Philosophy (PhD)</option>
<option value="bachelor-master-bam">Bachelor/Master (BAM)</option>
<option value="certificate-undergraduate">Certificate, Undergraduate</option>
<option value="online">Online</option>
<option value="certificate-graduate">Certificate, Graduate</option>
<option value="bachelor-of-science-bs">Bachelor of Science (BS)</option>
<option value="masters-professional">Masters, Professional</option>
<option value="interdisciplinary">Interdisciplinary</option></select>
</span>
</div>

What is the link to your site?

hidden link

[Minesh]

Hello. Thank you for contacting the Toolset support.

I would like to know that the "Filter by Type" select filter you added to your view is a custom field filter? if yes, how the custom field is configured with custom field group, is it a select type field or any other?

[CSS Web]

Aloha Minesh,

They are Custom Search Fields added to a View (see screenshot).

Thanks for your replay 🙂

Bill

[Minesh]

This is a known issue for us as we already have few reports from other users to make the Toolset Blocks/Views output ADA compliance/

I've added this ticket to our internal ticket that should help our Devs to raise the priority.

There is no workaround or solution for now until maybe if you want to try to use custom JS code to change the label "for" attribute as required.