Accompanying Files
Observation Details
The tariff options in section "Die Sportoptionen im Überblick" use "Mehr Infos" links. The links' purpose cannot be determined in a simple way, as the links' accessible names are not enriched, not is the visual context determinable programmatically via surrounding paragraph text or accurate heading structure.
Link purpose must be determinable either directly (AAA criterion) or at least with given code context.
Remediation Notes
When a generic "Mehr Infos" link is used, ensure the link purpose can be determined by its context. For a button style link as used here, the context would be the most recent heading that should describe the sections topic. In this case, the "tile" (card) should use a semantic HTML heading element to describe the content's purpose, thus providing enough context to determine the "Mehr Infos" link's purpose as well.
As links can be displayed in a "link list" (e.g. Screen reader macOS VoiceOver → Rotor) or navigated in order from link to link, ideally each link with unique link target has a unique accessible name.
As a last resort, this can be done by using ARIA attributes like aria-labelledby to use the card's heading to provide a unique accessible name like "Mehr Infos zur MegaSport 12M Option".