Back to home
Attribute: aria-disabled
Link - aria-disabled
- The first link below should be read out as "Unavailable. Link" or "dimmed".
Example
Code sample
<a href="#" aria-disabled="true">one</a>
<a href="#">two</a>
OS |
Browser |
NVDA 2014.4 |
JAWS 16 |
VoiceOver |
Windows 7 |
IE 11 |
"Unavailable. Link" |
"Unavailable. Link" |
|
Windows 7 |
IE 8 |
"Unavailable. Link" |
"Unavailable. Link" |
|
Windows 7 |
Chrome 39 |
"Unavailable. Link" |
"Unavailable. Link" |
|
Windows 7 |
Firefox 34 |
"Unavailable. Link" |
"Unavailable. Link" |
|
OSX 10.9 |
Chrome 39 |
|
|
"Dimmed" |
OSX 10.9 |
Firefox 34 |
|
|
"Dimmed" |
OSX 10.9 |
Safari 7 |
|
|
"Dimmed" |
Button - aria-disabled
- The first button below should be read out as "disabled" or "dimmed".
Example
Code sample
<button type="submit" aria-disabled="true">three</button>
<button type="submit">four</button>
OS |
Browser |
NVDA 2014.4 |
JAWS 16 |
VoiceOver |
Windows 7 |
IE 11 |
"Button. Unavailable" |
"Button. Unavailable" |
|
Windows 7 |
IE 8 |
"Button. Unavailable" |
"Button. Unavailable" |
|
Windows 7 |
Chrome 39 |
"Button. Unavailable" |
"Button. Unavailable" |
|
Windows 7 |
Firefox 34 |
"Button. Unavailable" |
"Button. Unavailable" |
|
OSX 10.9 |
Chrome 39 |
|
|
"Dimmed" |
OSX 10.9 |
Firefox 34 |
|
|
"Dimmed" |
OSX 10.9 |
Safari 7 |
|
|
"Dimmed" |
Button - aria-disabled - with disabled
- The first button below should be unavailable - not able to receive focus.
Example
Code sample
<button type="submit" aria-disabled="true" disabled>five</button>
<button type="submit">six</button>
OS |
Browser |
NVDA 2014.4 |
JAWS 16 |
VoiceOver |
Windows 7 |
IE 11 |
Disabled |
Disabled |
|
Windows 7 |
IE 8 |
Disabled |
Disabled |
|
Windows 7 |
Chrome 39 |
Disabled |
Disabled |
|
Windows 7 |
Firefox 34 |
Disabled |
Disabled |
|
OSX 10.9 |
Chrome 39 |
|
|
Disabled |
OSX 10.9 |
Firefox 34 |
|
|
Disabled |
OSX 10.9 |
Safari 7 |
|
|
Disabled |
Bottom of page - Back to home