Выпадающие списки без подписей

Сообщение в axe и Lighthouse: Select element must have an accessible name · select-name · WCAG 4.1.2

Что это значит и почему это важно

Вспомогательные технологии не могут определить назначение списков выбора размера, цвета или страны без подписи (WCAG 4.1.2).

Как исправить

Добавьте <label> или aria-label к каждому <select>.

Пример кода

До

<select name="size"><option>S</option><option>M</option></select>

После

<label for="size">Size</label>
<select id="size" name="size"><option>S</option><option>M</option></select>

Все ошибки доступности