Accompanying Files
Observation Details
The product card link is empty, resulting in a null accessible name. As such it is announced only as "link" to assistive technology.
As the product cards are not semantically structured e.g. by using <article> for the whole card and a heading <h3> with the product name, there is no programmatically determinable context that makes the link purpose clear to the user.
Interactive, focusable elements like links must have an accessible name. The name should state the link's purpose. If not directly, it must be determinable by context.
Remediation Notes
Ensure, link purpose is determinable. This can be done by adding "GERÄT XYZ in den Warenkorb legen" as text alternative. Ideally, a proper semantic structure on product card is used.
<article>
<h3 id="heading-PRODUCT">PRODUCT NAME</h3>
...
<a href="..." id="link-PRODUCT" aria-labelledby="heading-PRODUCT link-PRODUCT">
Produktdetails
</a>
</article>