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

Afsnit i EN 301 549

Afsnittet i EN 301 549 for hvert kriterium, fordelt på versioner af standarden
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 tjek

Eller 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

Skriv til Validiscan

Til et gratis tjek skal du skrive din webshops adresse og platform.

Validiscan bruger det, du sender, til at svare dig. Privatlivspolitik