WCAG A/AA requirement Priority: Critical
An image button has no text description
A button made from an image has no text alternative, so it is unclear what it does.
This text was translated automatically and has not been reviewed by a native speaker yet.
Why it matters to your customers
Screen reader and voice control users cannot identify a search, order or subscribe button. This can stop them from completing the action.
Who is affected
- blind customers
- screen reader users
- voice control users
How to fix it
Add an alt attribute to every <input type="image"> that states the action, for example alt="Search" or alt="Place order". Better: replace it with a normal <button> with text or an aria-label.
On Shopify
Rare in current themes; usually in old themes or custom code. Add alt text or replace the image input with a button in the Liquid template.
On Shoptet (CZ)
Usually in older templates or custom code. Ask Shoptet or a partner to add alt text or replace it with a regular button.
On PrestaShop
Usually in older themes or modules. Add the alt attribute or replace it with a <button> in the .tpl template.
On WooCommerce
Usually in old themes or plugins. Add the alt attribute or replace it with a <button> in the child-theme template or plugin settings.
Standards
| Standard | Clause |
|---|---|
| WCAG 2.2 | 1.1.1 (A) Non-text Content |
| WCAG 2.2 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.1 | 1.1.1 (A) Non-text Content |
| WCAG 2.1 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.0 | 1.1.1 (A) Non-text Content |
| WCAG 2.0 | 4.1.2 (A) Name, Role, Value |
| EN 301 549 4.1.1 | 9.1.1.1 |
| EN 301 549 4.1.1 | 9.4.1.2 |
| EN 301 549 3.2.1 | 9.1.1.1 |
| EN 301 549 3.2.1 | 9.4.1.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.1.1 |
| ДСТУ EN 301 549 2022 | 9.4.1.2 |
Automated check: axe-core rule input-image-alt.
dequeuniversity.com, github.com, www.w3.org, www.w3.org
Related checks
-
Accessibility attributes are used on the wrong elements
WCAG 4.1.2 A
-
Some elements use a role that does not exist
WCAG 4.1.2 A
-
Some embedded files or media have no text description
WCAG 1.1.1 A
-
An image button has no text description
WCAG 1.1.1 A