Buttons Must Have Discernible Text

No Comments

Quick Reference

Element Code: AC-003

Issue: Button has no accessible text describing its action

Impact: Screen reader users cannot understand button purpose

Fix: Add visible text, aria-label, or accessible image alt text

Detection: axe DevTools, WAVE, Lighthouse

What Is This Issue?

Buttons without discernible text fail to communicate their purpose to assistive technology users. This includes icon-only buttons, buttons with only images, and buttons with no content.

Common Examples

  • Search button with only a magnifying glass icon
  • Close button with only an X icon
  • Navigation buttons with only arrow icons
  • Social media share buttons with only brand icons

How to Fix This Issue

Add aria-label


Add Visually Hidden Text


TL;DR (The Simple Version)

Your buttons don't have text describing what they do. Icon-only buttons need aria-label or hidden text so screen readers can announce their purpose.

About SEO ProCheck

Technical SEO consulting and GEO strategy with 20 years of enterprise experience. Case studies, resources, and tools for search and AI visibility.

Work With Me

Technical SEO audits, GEO strategy, site migrations, and international SEO. Hourly consulting for teams who need hands-on support, not just reports.

Subscribe to our newsletter!

More from our blog