Accompanying Files
Observation Details
Links without programmatically determinable context; not part of a paragraph, preceding heading is main heading with device name
"Weitere Details"
link "Zum iPad Vergleich" is nested in another link with the same link target. Outer link is missing accessible name
The purpose of a link must not solely rely on visually perceived aspects like layout, proximity, placement. The purpose of a link should be understandable from the link text itself or its programmatic context, ensuring it's accessible to assistive technologies and a wider range of users.
Relying solely on visual cues to convey a link's purpose makes it inaccessible to:
Users of assistive technology like screen readers.
Users with cognitive disabilities who might not interpret visual layouts correctly.
Users with customized displays (e.g. unexpected viewport sizes, or turned off styles).
Remediation Notes
As interactive elements, links must have accessible names. Ensure, HTML link elements are not "empty", i.e. without link text content.
Ensure, link purpose can be determined from link text content or its programmatic context. Ideally, the link text itself will convey the link purpose. If it is not possible to use link text content, proper programmatic context may be:
the link's surrounding paragraph, if the paragraph itself has the purpose to introduce the link and is not too long, as e.g. a user of assistive technology would have to perceive the paragraph in full to understand the link purpose.
the link's directly preceding heading (e.g. the heading of a product card may be used to determine the purpose of this card's CTA link)