# Select element must have an accessible name

Source: https://www.fixreports.com/issues/select-name

WCAG 4.1.2 Name, Role, Value · Level A

A dropdown (often a sort or variant selector) has no label.

## What this rule checks
Ensure select element has an accessible name.

## Why it matters
WCAG 4.1.2 requires select menus to have an accessible name.

## How to fix it
### On any website
1. Add a <label> linked to the select, or an aria-label such as aria-label="Sort by".

### On Shopify
1. Add a <label> linked to the select, or an aria-label such as aria-label="Sort by".

### On WooCommerce and WordPress
1. Add a <label> linked to the select, or an aria-label such as aria-label="Sort by".

## How to check the fix
- Re-scan the collection and product pages.

## Sources
- axe-core rule documentation (Deque): https://dequeuniversity.com/rules/axe/4.13/select-name
- Understanding WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
