Tomme links

Silktide finder links, der slet ikke indeholder tekst – intet synligt og intet tekstalternativ. En person, der bruger en skærmlæser, hører kun "link" uden nogen mulighed for at vide, hvor det fører hen.

<!-- Tomt: et ikonlink uden tekstalternativ -->
<a href="/search"><svg>...</svg></a>

<!-- Rettet: billedets alt-tekst angiver destinationen -->
<a href="/"><img src="logo.png" alt="Example Corp startside"></a>

<!-- Rettet: en aria-label angiver destinationen -->
<a href="/search" aria-label="Søg"><svg>...</svg></a>

Hvorfor det er vigtigt

Links er den måde, folk bevæger sig rundt på din website på, og ikke alle kan se dem. En annoncerer hvert link ved dets tekst; når der ikke er nogen, hører brugeren kun "link" og må gætte eller springe det over. Mange blinde brugere navigerer også ved at åbne en liste over alle links på siden – en liste med unavngivne elementer er ubrugelig.

Tomme links opstår typisk ved et uheld: Et ikon erstatter tekst, et billede mister sin , eller et overflødigt <a>-tag efterlades af en redaktør. Søgemaskiner kan heller ikke afgøre, hvad et tomt link peger på.

Sådan retter du det

Hvis linket skal have synlig tekst, skal du tilføje den.
Hvis linket er et billede, skal du give billedet en alt-tekst, der angiver destinationen, f.eks. alt="Example Corp startside" for et logo, der linker til din startside – ikke en beskrivelse af billedet.
Hvis linket er et ikon, skal du tilføje en , der angiver destinationen, eller inkludere tekst, der er visuelt skjult, men tilgængelig for skærmlæsere.
Hvis linket er en rest uden indhold og uden formål, skal du slette det.

Sådan tester Silktide dette

Find hvert link på hver side, herunder områder i billedkort.
Spring elementer over, som mangler en fungerende linkdestination.
Læs linkets tekst, herunder alt-tekst og tekstalternativer som aria-label og title på linket og alt indeni det.
Rapportér linket, hvis der slet ikke findes tekst.

Fejlfinding

Linket ser fint ud på siden

Et link kan se fint ud, selv om det er tomt, fordi dets udseende kommer fra et ikon eller et -baggrundsbillede – ingen af delene giver det et navn. Kontrollér den underliggende for et tekstalternativ.

Ikonets betydning er indlysende

Kun for personer, der kan se det. Et forstørrelsesglas betyder visuelt "søg", men en skærmlæser kan ikke beskrive billeder, der ikke har noget tekstalternativ – etiketten skal være i opmærkningen.