An interactive reference to an internal or external resource that, when activated, causes the user agent to navigate to that resource.
An interactive reference to an internal or external resource that, when activated, causes the user agent to navigate to that resource. See related button.
If this is a native link in the host language (such as an HTML anchor with an href value), activating the link causes the user agent to navigate to that resource. If this is a simulated link, the web application author is responsible for managing navigation.
Note: If pressing the link triggers an action but does not change browser focus or page location, authors are advised to consider using the button role instead of the link role.
Screen Reader Support For Role=Link
|Expectation||JAWS||Narrator||NVDA||Orca||TalkBack||VoiceOver (iOS)||VoiceOver (macOS)|
|MUST convey its name||supported||supported||supported||supported||supported||supported||supported||supported||supported||supported||supported|
|MUST convey its role||supported||supported||supported||supported||supported||supported||supported||supported||supported||supported||supported|
<div tabindex="0" role=”link”
onClick="window.location='http://www.google.com'">This is an ARIA link</div>
- HTML a
- HTML link
Supported States and Properties
Inherited States and Properties
- aria-busy (state)
- aria-current (state)
- aria-disabled (state)
- aria-grabbed (state)
- aria-hidden (state)
- aria-invalid (state)
Accessible Name Required
Use the HTML <a> tag.