CARVIEW |
Important: This website does not attempt to establish a standard for how assistive technologies must behave. Read the FAQ for more information. Additionally, this is a work in progress. Please submit feedback or suggestions.
button element (html)
Screen Reader support level: supported
Voice Control support level: partial (43/60)
On this page
- About this feature
- Age of results
- Expectations
- Related tests
- Related AT or browser issues
- Is something not right?
About this feature
The button element represents a button labeled by its contents.
Age of results
Results across all tests for this feature range from a year ago to 6 years ago. Detailed dates and version information can be found in associated tests.
Caution
Failing or partial results may be out of date. The oldest result is from 6 years ago. Consider running the associated tests and contributing results.
Expectations
Screen Reader support by expectation
Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
MUST convey its name | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
MUST convey its role | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
SHOULD provide shortcuts to jump to this role | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
MAY convey inner-text name changes when in focus | none | none | none | supported | none | none | none | none | none | supported | partial |
Voice Control support by expectation
Expectation | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
MUST convey its name | supported | supported | supported | partial (3/4) | supported with 2 unknown results | supported | supported with 3 unknown results | supported with 3 unknown results |
MUST convey its role | supported | supported | not applicable | supported | supported with 2 unknown results | supported | supported with 3 unknown results | supported with 3 unknown results |
Expectation: convey its name
Rationale:
A screen reader user needs to know what to enter.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MUST
Examples:
- A screen reader might announce the button as something like "<name>, button".
- Voice control software will let the user say something like "click <name>" to activate the control.
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
APG Editable Combobox With List Autocomplete Example | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
APG Actions Menu Button Example Using aria-activedescendant | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Disclosure widget (show/hide) | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Basic HTML button test | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Test | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
APG Editable Combobox With List Autocomplete Example | supported | supported | supported | supported | supported | supported | supported | supported |
APG Actions Menu Button Example Using aria-activedescendant | supported | supported | supported | none | unknown | supported | unknown | unknown |
Disclosure widget (show/hide) | supported | supported | supported | supported | unknown | supported | unknown | unknown |
Basic HTML button test | supported | supported | supported | supported | supported | supported | unknown | unknown |
Expectation: convey its role
Rationale:
A screen reader user needs to know how they can interact with the element. Voice control software might use the role to help users activate controls that do not have a visible name.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MUST
Examples:
- A screen reader might be announce the role as something like "button".
- Voice control software will let the user say something like "click button".
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
APG Editable Combobox With List Autocomplete Example | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
APG Actions Menu Button Example Using aria-activedescendant | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Disclosure widget (show/hide) | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Basic HTML button test | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Test | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
---|---|---|---|---|---|---|---|---|
Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
APG Editable Combobox With List Autocomplete Example | supported | supported | not applicable | supported | supported | supported | supported | supported |
APG Actions Menu Button Example Using aria-activedescendant | supported | supported | not applicable | supported | unknown | supported | unknown | unknown |
Disclosure widget (show/hide) | supported | supported | not applicable | supported | unknown | supported | unknown | unknown |
Basic HTML button test | supported | supported | not applicable | supported | supported | supported | unknown | unknown |
Expectation: provide shortcuts to jump to this role
Rationale:
Screen reader users might want to quickly navigate to elements of this type.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: SHOULD
- Voice Control: NA
Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
Basic HTML button test | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
Expectation: convey inner-text name changes when in focus
Rationale:
The user needs to know that that the name of a control has changed after interacting with it. This may be to convey a new purpose or to convey a state change which is provided by the name.
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MAY
- Voice Control: NA
Notes:
This expectation is only for when the button is focused by a screen reader (either keyboard focus or virtual focus). It is not meant to act like a live region.
Tests
Test | Last update |
---|---|
APG Editable Combobox With List Autocomplete Example | 2025-08-15 |
APG Actions Menu Button Example Using aria-activedescendant | 2021-11-10 |
Disclosure widget (show/hide) | 2021-07-23 |
HTML button name change test | 2021-07-30 |
Basic HTML button test | 2021-07-30 |
Related issues, discussions, and bugs
Is something not right?
We use our GitHub repository to manage our issue tracking. Please provide as much information as you can for issues, and please leave the id in the issue title intact.
Create an issue for this feature