45. Select box has no description

1.3.14.1.23.3.23.2.2

select description incorrect example

Description: Drop down menus (select boxes or role=”listbox”) should always have a description that is explicitly associated with the field to make sure that users of assistive technologies will also know what the field is for.

Context:

<div class="carousel-inner" role="listbox">
    <!--Content-->
</div>

How to fix it: If the drop down menu (select box or role=”listbox”) has a visible description indicating the purpose of the menu, this description should be explicitly associated to the input drop down menu either as a HTML label or using the WAI-ARIA attribute ‘aria-labelledby’. If it is not possible to add a visible description, either add a mouseover text (‘title’ attribute) to the drop down menu or create an invisible label using the WAI-ARIA attribute ‘aria-label’.

<div aria-label="image carousel" class="carousel-inner" role="listbox">
    <!--Content-->
</div>

Techniques: ARIA4H84