button element (html)
Support level: supported
On this page
The button element represents a button labeled by its contents.
Expectations
Expectations are conditions that must be met for the feature to be considered as "supported". Only "MUST" expectations need to be met for minimal "support". "SHOULD" and "MAY" expectations indicates support that goes above and beyond. Note that there is not an explicit standard that dictates these expectations, and as such, they are likely opinionated. As such, a feature might not meet all "MUST" expectations but still be usable (potentially frustratingly so). Additionally, the assistive technology may provide many different commands to read, navigate, or otherwise interact with a feature. Only one command is required to pass for the expectation to be minimally supported.
Summary of support by expectation type
| MUST | SHOULD | MAY |
|---|---|---|
| supported | supported |
Summary of support by expectation and assistive technology
| Expectation | Dragon Naturally Speaking | JAWS | Narrator | NVDA | TalkBack | VoiceOver for iOS | VoiceOver for macOS |
|---|---|---|---|---|---|---|---|
| MUST convey the name of the button | supported | supported | supported | supported | supported | supported | supported |
| MUST convey the button role | supported | supported | supported | supported | supported | supported | supported |
| SHOULD provide shortcuts to jump to buttons | not applicable | supported | supported | supported | supported | supported | supported |
The screen reader MUST convey the name of the button
Rationale: A screen reader user needs to what the button does.
| AT | Browser | Has Support |
|---|---|---|
| Dragon Naturally Speaking | Google Chrome | supported |
| JAWS | Google Chrome | supported |
| JAWS | Internet Explorer | supported |
| JAWS | Firefox (desktop) | supported |
| Narrator | Microsoft Edge | supported |
| NVDA | Google Chrome | supported |
| NVDA | Firefox (desktop) | supported |
| TalkBack | Google Chrome (android) | supported |
| VoiceOver for iOS | Safari (iOS) | supported |
| VoiceOver for macOS | Safari (macOS) | supported |
This expectation is referenced by 1 tests.
Tests that reference this expectation
| test name | has support |
|---|---|
| Basic HTML button test | partial (143/145) |
The screen reader MUST convey the button role
Rationale: A screen reader user needs to know that the element performs an action.
| AT | Browser | Has Support |
|---|---|---|
| Dragon Naturally Speaking | Google Chrome | supported |
| JAWS | Google Chrome | supported |
| JAWS | Internet Explorer | supported |
| JAWS | Firefox (desktop) | supported |
| Narrator | Microsoft Edge | supported |
| NVDA | Google Chrome | supported |
| NVDA | Firefox (desktop) | supported |
| TalkBack | Google Chrome (android) | supported |
| VoiceOver for iOS | Safari (iOS) | supported |
| VoiceOver for macOS | Safari (macOS) | supported |
This expectation is referenced by 1 tests.
Tests that reference this expectation
| test name | has support |
|---|---|
| Basic HTML button test | partial (143/145) |
The screen reader SHOULD provide shortcuts to jump to buttons
Rationale: Screen reader users might want to quickly navigate to different buttons on the page.
| AT | Browser | Has Support |
|---|---|---|
| Dragon Naturally Speaking | Google Chrome | not applicable |
| JAWS | Google Chrome | supported |
| JAWS | Internet Explorer | supported |
| JAWS | Firefox (desktop) | supported |
| Narrator | Microsoft Edge | supported |
| NVDA | Google Chrome | supported |
| NVDA | Firefox (desktop) | supported |
| TalkBack | Google Chrome (android) | supported |
| VoiceOver for iOS | Safari (iOS) | supported |
| VoiceOver for macOS | Safari (macOS) | supported |
This expectation is referenced by 1 tests.
Tests that reference this expectation
| test name | has support |
|---|---|
| Basic HTML button test | partial (143/145) |