button element (html)
Screen reader support level: supported
Voice Control support level: supported
On this page
The button element represents a button labeled by its contents.
Expectations
Screen Reader support by expectation
| Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver for iOS | VoiceOver for macOS |
|---|---|---|---|---|---|---|---|
| MUST convey an appropriate name | supported | supported | supported | supported | supported | supported | supported |
| MUST convey an appropriate role | supported | supported | supported | supported | supported | supported | supported |
| SHOULD provide shortcuts to jump to this role | supported | supported | supported | supported | supported | supported | supported |
Voice Control support by expectation
| Expectation | Dragon Naturally Speaking | Voice Access for Android | Voice Control for iOS | Voice Control for MacOS |
|---|---|---|---|---|
| MUST convey an appropriate name | supported | supported | supported | supported |
| MAY convey an appropriate role | supported | supported | not applicable | supported |
Expectation: convey an appropriate name
Rationale: A screen reader user needs to know what to enter.
Strength of these expectations for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MUST
| 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 |
| Orca | Firefox (desktop) | supported |
| TalkBack | Google Chrome (android) | supported |
| Voice Access for Android | Google Chrome (android) | supported |
| Voice Control for iOS | Safari (iOS) | supported |
| Voice Control for MacOS | Safari (macOS) | 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 | Screen Reader support | Voice Control support |
|---|---|---|
| Basic HTML button test | supported | partial (19/20) |
Expectation: convey an appropriate role
Rationale: A screen reader user needs to know how they can interact with the element.
Strength of these expectations for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MAY
| 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 |
| Orca | Firefox (desktop) | supported |
| TalkBack | Google Chrome (android) | supported |
| Voice Access for Android | Google Chrome (android) | supported |
| Voice Control for iOS | Safari (iOS) | not applicable |
| Voice Control for MacOS | Safari (macOS) | 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 | Screen Reader support | Voice Control support |
|---|---|---|
| Basic HTML button test | supported | partial (19/20) |
Expectation: provide shortcuts to jump to this role
Rationale: Screen reader users might want to quickly navigate to elements of this type.
Strength of these expectations for different types of assistive technologies:
- Screen Readers: SHOULD
- Voice Control: NA
| 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 |
| Orca | Firefox (desktop) | supported |
| TalkBack | Google Chrome (android) | supported |
| Voice Access for Android | Google Chrome (android) | not applicable |
| Voice Control for iOS | Safari (iOS) | not applicable |
| Voice Control for MacOS | Safari (macOS) | not applicable |
| 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 | Screen Reader support | Voice Control support |
|---|---|---|
| Basic HTML button test | supported | partial (19/20) |