Accompanying Files
Observation Details

The accessible name of product tiles is set within a <span> inside the <a> tag.

<a ...><span ...>Galaxy S25 Ultra</span></a>

The accessible name does not include the manufacturer's name but only the product's model name. While for a Samsung Galaxy S25 Ultra in the context of the Telekom website, the model name might be enough to identify the link's purpose, it will fall apart on devices like the Xiaomi 15 Ultra.

Generally, the assumption of a user's knowledge should not be made, making it hard even for devices like (Samsung) Galaxy S25 Ultra or (Google) Pixel 9a.

Remediation Notes

Setting the accessible name of the product tile link to the span.A11yText__a11y__XYZ is a viable option but it should be using the product's manufacturer and model name.

A better approach would be to use aria-labelledby, using the existing visible text. To follow this approach, the manufacturer and model name must have an id attribute set. The product tile link could then follow a structure like this:

<a href="..." aria-labelledby="product__manufacturer__X product__model__X">
  <h3>
    <span id="product__manufacturer__X">
    <span id="product__model__X">
  </h3>
  ...
</a>