Buttons without a name on Webflow

What this is

3 buttons have no accessible name. Screen reader users hear "button" with no hint of what it does.

Who it affects

• Screen reader users
• Keyboard users
• People with motor disabilities

Standards

• WCAG 4.1.2 Name, Role, Value (A)

How to fix it

1. Add visible text to the button, or `aria-label="…"` for icon-only buttons.
2. Describe the action ("Close menu", "Add to cart"), not the icon ("X", "cart icon").

Example

Before

<button><svg aria-hidden="true"></svg></button>

After

<button aria-label="TODO: describe what this button does"><svg aria-hidden="true"></svg></button>

Replace the TODO with the action, e.g. "Close menu".

On Webflow

Element Settings → Custom attributes → add `aria-label` with a description.

Other platforms

• General advice
• WordPress
• Elementor
• Shopify
• Framer
• Wix
• Squarespace
• Next.js
• Lovable

Prompt for an AI coding tool

Scan your site with AccessibilityBrief and you get a ready-to-use prompt for this problem, with the exact elements on your pages filled in.

More fixes

• Image buttons missing alternative text
• Links without a name
• Interactive controls nested inside other controls
• Form fields without a label
• Dropdowns without a label
• Duplicate IDs referenced by ARIA or labels