Difference between revisions of "ARIA Link"

From Level Access Web Labs
Jump to navigation Jump to search
Line 13: Line 13:
 
   <div>
 
   <div>
 
     <div tabindex="0" role="link" onClick="window.location='http://www.google.com'">This is an ARIA link
 
     <div tabindex="0" role="link" onClick="window.location='http://www.google.com'">This is an ARIA link
  </div>
+
    </div>
 
   </div>
 
   </div>
 
   <div>
 
   <div>
Line 19: Line 19:
 
     </div>
 
     </div>
 
   <div>
 
   <div>
 +
  <idv>
 
     <div aria-label="my aria-label" tabindex="0" role="link" onClick="window.location='http://amp.ssbbartgroup.com'">Try AMP with aria-label
 
     <div aria-label="my aria-label" tabindex="0" role="link" onClick="window.location='http://amp.ssbbartgroup.com'">Try AMP with aria-label
 
     </div>
 
     </div>

Revision as of 12:34, 19 October 2015

ARIA Link Example

This is an ARIA link
Try AMP
Try AMP with aria-label

Some label

Some description

tabindex="0" role="link" onClick="window.location='http://amp.ssbbartgroup.com'">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 Works as expected, The Name of the link is announced when navigating to the link. The earcon for link is played.