Attribute: role="button"
Test
- The role="button" attribute should change a link to a button
- The role="button" attribute should have no impact on other submit button types which are already buttons
Examples without role="button"
Example
Code sample
<form method="get" action="#">
<div class="row-form">
<a href="#">Review<a>
<input type="submit" value="Cancel">
<input type="button" value="Save">
<button type="submit">Submit</button>
</div>
</form>
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
"Review. Link" "Cancel. Button" "Save. Button" "Submit. Button" |
"Review. Link" "Cancel. Button" "Save. Button" "Submit. Button" |
|
| Windows 7 | IE 8 |
"Review. Link" "Cancel. Button" "Save. Button" "Submit. Button" |
"Review. Link" "Cancel. Button" "Save. Button" "Submit. Button" |
|
| Windows 7 | Chrome 39 |
"Review. Link" "Cancel. Button" "Save. Button" "Submit. Button" |
"Review. Link" "Cancel. Button" "Save. Button" "Submit. Button" |
|
| Windows 7 | Firefox 34 |
"Review. Link" "Cancel. Button" "Save. Button" "Submit. Button" |
"Review. Link" "Cancel. Button. To activate press space bar" "Save. Button. To activate press space bar" "Submit. Button. To activate press space bar" |
|
| OSX 10.9 | Chrome 39 |
"Internal link. Review" "Cancel. Button" "Save. Button" "Submit. Button" |
||
| OSX 10.9 | Firefox 34 |
"Link. Review" "Cancel. Button" "Save. Button" "Submit. Button" |
||
| OSX 10.9 | Safari 7 |
"Internal link. Review" "Cancel. Button" "Save. Button" "Submit. Button" |
Examples without role="button"
Example
Code sample
<form method="get" action="#">
<div class="row-form">
<a role="button" href="#">Review<a>
<input role="button" type="submit" value="Cancel">
<input role="button" type="button" value="Save">
<button role="button" type="submit">Submit</button>
</div>
</form>
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
"Review. Button" "Cancel. Button" "Save. Button" "Submit. Button" |
"Review. Button" "Cancel. Button" "Save. Button" "Submit. Button" |
|
| Windows 7 | IE 8 |
"Review. Button" "Cancel. Button" "Save. Button" "Submit. Button" |
"Review. Button" "Cancel. Button" "Save. Button" "Submit. Button" |
|
| Windows 7 | Chrome 39 |
"Review. Button" "Cancel. Button" "Save. Button" "Submit. Button" |
"Review. Button" "Cancel. Button" "Save. Button" "Submit. Button" |
|
| Windows 7 | Firefox 34 |
"Review. Button" "Cancel. Button" "Save. Button" "Submit. Button" |
"Review. Button. To activate press space bar" "Cancel. Button. To activate press space bar" "Save. Button. To activate press space bar" "Submit. Button. To activate press space bar" |
|
| OSX 10.9 | Chrome 39 |
"Review. Button" "Cancel. Button" "Save. Button" "Submit. Button" |
||
| OSX 10.9 | Firefox 34 |
"Review. Button" "Cancel. Button" "Save. Button" "Submit. Button" |
||
| OSX 10.9 | Safari 7 |
"Review. Button" "Cancel. Button" "Save. Button" "Submit. Button" |