Go to overview: WAI-ARIA techniques with code examples
See also variant of example with
tabindex set on element referenced by
aria-labelledbyfor link purpose
Detlev Fischer, (detlev [dot] fischer [ at ] testkreis [dot] de)
Last update: 20 April 2013
This example showing the use of
aria-labelledby for link purpose in the W3C wiki was proposed by Léonie Watson and is reproduced here only to extend screen reader testing (and thereby, inform the user agent notes on the wiki page).
The example is simple: On the "read more" link at the end of the text below, the
aria-labelledby attribute points to the
id of the
h2 heading "Storms hit east coast".
Torrential rain and gale force winds have struck the east coast, causing flooding in many coastal towns. Read more...
aria-labelledbyfor link purpose: Results for screen reader tests
|Win 7, IE 9, JAWS 13||not supported||JAWS ignores
|Win 7, FF 13, JAWS 13||supported||
|Win 7, IE9, NVDA 2012.2.1||partial support||
|Win 7, FF 13, NVDA 2012.2.1||not supported||Ignores
|Win XP, FF 15.0, NVDA 2011.3||not supported||
|Win XP, IE 8, NVDA 2011.3||partial support||
|Win XP, IE 8, SaToGo||not supported||SaToGo ignores
|Mac OS 10.6.8, VoiceOver||partial support||Reads "read more - Storms hit east coast" - i.e. the content referenced by
|Mac OS 10.5.8, VoiceOver||supported||Reads "link - Storms hit east coast" - i.e. the content referenced by