H30 Example 4: Providing link text that describes the purpose of a link for anchor elements

A site allows users to provide feedback on products, when the user is logged in, by clicking on the "Feedback" link in a product detail page. Other users or the product manufacturer are able to provide a response to any feedback. The feedback link displays an icon before the "Feedback" text when a response to the user's feedback is available. The help information describes this icon as a talking bubble containing quotation marks and includes the icon itself as an example. The icon's text alternative in the help text is "Response received icon". The same text alternative is used in the product detail pages (when a response is available) to allow identification of this icon through multiple modalities.

Tested on:

Windows 7, Firefox ESR 45.4.0, and JAWS 17
- Result: Screen reader announces link text and alt text.
iOS 10.2.1, Safari browser is based on the iOS version, VoiceOver on iPad
- Result: iOS VoiceOver announces feeback response received icon link, end main.
Android 7.1.2; Pixel, Chrome 55.0.2883.91, and TalkBack Version: 5.0.4.3.
- Result: TalkBack announces feeback response received icon. Tap to activate.