Observation Details
Hero carousel CTAs
"Mehr erfahren" → "Jetzt mehr erfahren über das neue Xiaomi 15"
"Jetzt bestellen" → "Das Samsung Galaxy S25 Ultra jetzt bestellen"
"Jetzt kaufen" → "Zur Auswahl"
"Zum Angebot" → "Das neue Google Pixel 9 Pro entdecken"
"Mehr erfahren" links in on-page navigation
"Mehr erfahren" → "Springe weiter zu Sektion ..."
Info icons in AI section
TOPIC + info icon → "Erfahre mehr über TOPIC"
Interactive elements, like links, buttons, inputs, must have a label that is visible at all times and an accessible name that is programmatically determinable. The visible label of interactive elements must be equal to, or part of the accessible name.
If the accessible name is changed programmatically to differ from the natively set name, the visible label must be part of it in the exact wording. If the accessible name is changed, ideally, the visible label is the first part of the accessible name.
Assistive technology like voice control software uses the accessible name to control interactive elements. By stating the accessible name, the interactive element can be activated. So to activate a button, labeled "Submit", a user of voice control software can say "Click button Submit". If the accessible name of the button has been changed to "Send Form", the user is not able to access the button this way. If the accessible name of the button has been changed to "Submit Form", the name differs from the visible label but still includes the visible name as first part, making it still accessible to voice control software.