Skip to content

ARIA button

  • WAVE Category: ARIA
  • WAVE ARIA: ARIA button

Page Content Status

  • WAVE Tool Reference text
  • Example of a DOM Snippet Generated From WAVE Tool
  • Screenshots of Accessibility Pattern in Use
  • Credits/Authors

WAVE Tool Reference

Click to see WAVE Tool Reference

This content added 2026-03-19. Check for updated guidance at: https://wave.webaim.org/api/docs?format=html#aria_button

WAVE Category

ARIA

WAVE Error

ARIA button

What It Means

An element with role="button" is present.

Why It Matters

Elements with role="button" must function like native buttons. These should typically be replaced with true button elements.

What To Do

Replace the element with a true button element, or ensure the element is keyboard navigable, can be activated with Enter or Space key presses (key detection is typically necessary), and provides a visible focus indicator.

The Algorithm... in English

An element (other than a button) has role="button".

Standards and Guidelines

Example of a DOM Snippet Generated From WAVE Tool

[HTML snippet showing the problematic code structure that WAVE detected]

Screenshots of Accessibility Pattern in Use

1. Descriptive Title for Screenshot Set 1

Description/text for image

[INSERT IMAGE HERE]

Credits/Authors

  • @Rabia2219
  • [INCLUDE Contributor 2]
  • [INCLUDE Contributor N]