Difference between revisions of "ARIA Link"
Jump to navigation
Jump to search
ARIA Link Example
Rnickelson (talk | contribs) |
|||
| (One intermediate revision by one other user not shown) | |||
| Line 26: | Line 26: | ||
<p id="p2">Some description</p> | <p id="p2">Some description</p> | ||
<div> | <div> | ||
| − | <div aria-labelledby="p1" aria-describedby="p2" | + | <div aria-labelledby="p1" aria-describedby="p2" tabindex="0" role="link" onClick="window.location='http://amp.ssbbartgroup.com'">Try AMP with aria-labelledby |
</div> | </div> | ||
</div> | </div> | ||
| Line 51: | Line 51: | ||
|Talkback||Firefox||Works as expected, The Name and role of the link are announced when navigating to the link. The link can be navigated to using the Firefox Gesture for navigating links. | |Talkback||Firefox||Works as expected, The Name and role of the link are announced when navigating to the link. The link can be navigated to using the Firefox Gesture for navigating links. | ||
|- style="background-color:#99ff99;" | |- style="background-color:#99ff99;" | ||
| − | |Talkback||Chrome|| Works as expected, The Name of the link is announced when navigating to the link. The earcon for link is played. | + | |Talkback||Chrome|| If a link has ARIA-Describedby text such as the some label link above then the description text is not announced. Works as expected, The Name of the link is announced when navigating to the link. The earcon for link is played. In newer versions of TalkBack the Role of link is announced. |
|- | |- | ||
|} | |} | ||
Latest revision as of 20:30, 4 January 2018
This is an ARIA link
Try AMP
Try AMP with aria-label
Some label
Some description
Try AMP with aria-labelledby
Test results for ARIA Link
| AT | Browser | Notes |
|---|---|---|
| JAWS | Internet Explorer | Works as expected When Navigating to the link the Name and Role of the link are announced. The link is in the JAWS links list. When enter is pressed on the link the link is activated. |
| JAWS | Firefox | Works as expected When Navigating to the link the Name and Role of the link are announced. The link is in the JAWS links list. When enter is pressed on the link the link is activated. |
| NVDA | Internet Explorer | Works as expected When Navigating to the link the Name and Role of the link are announced. The link is in the NVDA elements list. When enter is pressed on the link the link is activated. |
| NVDA | firefox | Works as expected When Navigating to the link the Name and Role of the link are announced. The link is in the NVDA elements list. When enter is pressed on the link the link is activated. |
| VoiceOver | Safari | Works as expected, The name and role of the link is announced when navigating to the link. The link is in the rotor under links. |
| Talkback | Firefox | Works as expected, The Name and role of the link are announced when navigating to the link. The link can be navigated to using the Firefox Gesture for navigating links. |
| Talkback | Chrome | If a link has ARIA-Describedby text such as the some label link above then the description text is not announced. Works as expected, The Name of the link is announced when navigating to the link. The earcon for link is played. In newer versions of TalkBack the Role of link is announced. |
