Linkteksten skal beskrive, hvor linket fører hen
Skærmlæserbrugere springer ofte gennem en liste over alle links på en side. Ti links, der hedder »Læs mere« eller »Shop nu«, lyder ens, så de kan ikke skelne, hvilket produkt, hvilken kategori eller hvilken artikel hvert link fører til.
- Regel-id
- vs-link-purpose
- Kilde
- Validiscan-kontrol
- Alvorlighed
- Moderat
- Rettelsesniveau
- ASSISTED
- på Shopify, Shopware, WooCommerce og Magento
- Status
- køres
Hvad kontrollen gør
Markerer tvetydige linktekster på alle understøttede sprog, som »read more«, »click here«, »mehr«, »hier«, »voir plus«, »ver más« eller »læs mere«, og ens linktekster, der fører til forskellige destinationer på tværs af webstedet (2.4.4).
På hver side aflæser kontrollen hvert a[href]-element, som hjælpemidler kan opfatte, og springer links med en anden rolle som role="button" over. Den tager det tilgængelige navn, så aria-label eller et linket billedes alt tæller med, omdanner det til små bogstaver og erstatter tegnsætning, pile og udeladelsesprikker med mellemrum. Kun navne, der er lig med en af 57 formuleringer på engelsk, tysk, fransk, spansk og dansk, rapporteres, så »Læs mere om returnering« består. Et link, hvis aria-describedby peger på en tekst, består også.
Den anden del bruger hver sides synlige links, højst 600, registreret i den første konfigurerede viewport, som standard desktop. Links med samme navn på én side, der fører til forskellige destinationer, giver ét fund pr. navn og side. Store og små bogstaver, en afsluttende skråstreg og en relativ skrivemåde af adressen giver ikke en ny destination, og stier som /products/<slug> matches alene på deres slug. De listede formuleringer og javascript:-links springes over her, og links på forskellige sider sammenlignes aldrig.
Kontrollen vurderer ikke, om et navn er klart i sin sammenhæng.
Sådan retter du det
Få hver linktekst til at sige, hvor linket fører hen, for eksempel »Læs mere om returnering« eller »Shop damejakker«. Hvor designet kræver en kort synlig tekst, så tilføj konteksten som visuelt skjult tekst eller med en aria-label, der starter med de synlige ord.
WCAG-succeskriterier
- 2.4.4 Link Purpose (In Context), niveau A
Afsnit i EN 301 549
| WCAG-kriterium | Version 3.2.1 | Version 4.1.1 |
|---|---|---|
| 2.4.4 | 9.2.4.4 | 9.2.4.4 |
Begynd med et gratis tjek af din webshop.
Send din webshops adresse. Validiscan scanner den og svarer med hver fejl, scanningen kan påvise, med siden og koden.
Bestil et gratis tjekEller skriv til info@validiscan.com.
Hvad det gratis tjek omfatter, og hvad det udelader- Du sender
- din webshops adresse
- Sider, der scannes
- op til 15
- Du får
- hver fejl, scanningen kan påvise, med siden og koden
- På din webshop
- kun offentlige sider; intet login, intet købt, ingen formularer sendt
- Hvad det ikke er
- et fuldt audit