Home > WCAG HTML Techniques

H80 Example 1: Identifying the purpose of a link using link text combined with the preceding heading element

Royal Palm Hotel

Map
Photos
Directions
Guest reviews
Book now

Hotel Three Rivers

Map
Photos
Directions
Guest reviews
Book now

Source: WCAG H80

Tested on:

Windows 7, Firefox ESR 45.4.0, and JAWS 17
- Result: Screen reader announces main region, heading level 2 link, and link text for each list item.
iOS 10.2.1, Safari browser is based on the iOS version, VoiceOver on iPad
- Result: iOS VoiceOver announces
Android 7.1.2; Pixel, Chrome 55.0.2883.91, and TalkBack Version: 5.0.4.3.
- Result: TalkBack announces