Accompanying Files
Observation Details
The product tiles are complicated card components with a lot of content. The surrounding link, using <a>, uses the product's model name as its accessible name. (e.g. "Galaxy A56" or "15 Ultra")
Assistive technology like voice control software uses the accessible name to control interactive elements. By stating the accessible name, I can activate the element. To activate the product tile link I must state the product's model name (e.g. "Galaxy A56" or "15 Ultra"). As there is no indication of this part of the tile's content being "the clickable link", a user of voice control software will not be able to navigate the product tiles.
Remediation Notes
The visible label must be the (or part of the) accessible name of an interactive element. In a card component this means, there should be an element inside that is visually identifiable as an interactive element (e.g. a link or a button) that then is labeled as such to match the accessible name.
The product tile as is cannot be made accessible in that effect, as the "visible label" would be the full text content of the tile. The tile should include a visible link or button that could be labeled by "Manufacturer + Model" (i.e. "Samsung Galaxy A56" or "Xiaomi 15 Ultra").