WCAG A/AA requirement Priority: Serious
Some switches and checkboxes have no name
Some custom toggle controls (checkboxes, switches, radio buttons or menu options built with ARIA roles) have no readable label.
This text was translated automatically and has not been reviewed by a native speaker yet.
Why it matters to your customers
Screen reader users hear only "checkbox" or "switch" without knowing what it controls: accepting the terms, a newsletter opt-in, a filter or gift wrapping. They may miss a required box at checkout or pick the wrong option.
Who is affected
- blind customers
- screen reader users
- voice control users
How to fix it
Give every element with role="checkbox", "switch", "radio", "menuitemcheckbox" or "menuitemradio" a name: visible text inside it, aria-labelledby pointing to the visible label, or aria-label. Where possible, use a native <input type="checkbox"> or <input type="radio"> with a <label>.
On Shopify
Usually custom filter switches, cookie banners or app widgets (subscriptions, gift options). Add labels in the theme's Liquid snippets; ask app developers to label toggles their apps add.
On Shoptet (CZ)
Usually in add-ons or custom code (cookie banners, filters). Ask the add-on provider, Shoptet or a partner to add labels.
On PrestaShop
Usually in modules such as cookie consent, faceted search or product options. Add labels in overridden module .tpl templates or ask the module developer.
On WooCommerce
Common in cookie consent, filter and product-option plugins and in page-builder toggles. Check the plugin settings for labels; otherwise fix it in a child theme or report it to the plugin author.
Standards
| Standard | Clause |
|---|---|
| WCAG 2.2 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.1 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.0 | 4.1.2 (A) Name, Role, Value |
| EN 301 549 4.1.1 | 9.4.1.2 |
| EN 301 549 3.2.1 | 9.4.1.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.4.1.2 |
Automated check: axe-core rule aria-toggle-field-name.
dequeuniversity.com, github.com, www.w3.org
Related checks
-
Accessibility attributes are used in the wrong situation
WCAG 4.1.2 A
-
A label-and-value list is built incorrectly
WCAG 1.3.1 A
-
Some embedded files or media have no text description
WCAG 1.1.1 A
-
Some progress bars have no name
WCAG 1.1.1 A