Home > WCAG HTML Techniques

H2 Example 1: Icon and text in the same `a` element

Source:

WCAG H2: The icon and text are contained in the same a element
Source code on GitHub

Tested on:

Windows 7, Firefox ESR 45.4.0, and JAWS 17
- Result: Announces Product page, link graphic.
iOS 10.2.1, Safari browser is based on the iOS version, VoiceOver on iPad
- Result: iOS VoiceOver announces product page link.
Android 7.1.2; Pixel, Chrome 55.0.2883.91, and TalkBack Version: 5.0.4.3.
- Result: TalkBack announces product page. Tap to activate.