Tomme lenker

Silktide finner lenker som ikke inneholder tekst i det hele tatt – ingenting synlig og ingen tekstlig alternativ. En person som bruker en skjermleser, hører bare «lenke» og har ingen mulighet til å vite hvor den fører.

<!-- Tom: en ikonlenke uten tekstlig alternativ -->
<a href="/search"><svg>...</svg></a>

<!-- Rettet: Bildets alt-tekst angir målet -->
<a href="/"><img src="logo.png" alt="Eksempel AS – hjemmeside"></a>

<!-- Rettet: Et aria-label angir målet -->
<a href="/search" aria-label="Søk"><svg>...</svg></a>

Hvorfor dette er viktig

Lenker er måten folk navigerer på nettstedet ditt, og ikke alle kan se dem. En kunngjør hver lenke basert på teksten; når det ikke finnes noen tekst, hører brukeren bare «lenke» og må gjette eller hoppe over den. Mange blinde brukere navigerer også ved å hente frem en liste over alle lenkene på siden – en liste med lenker uten navn er ubrukelig.

Tomme lenker oppstår vanligvis ved et uhell: et ikon erstatter tekst, et bilde mister , eller en foreldreløs <a>-tagg blir stående igjen etter en redigering. Søkemotorer kan heller ikke fastslå hva en tom lenke peker til.

Slik løser du det

Hvis lenken skal ha synlig tekst, legger du den til.
Hvis lenken er et bilde, gir du bildet en alt-tekst som angir målet, for eksempel alt="Eksempel AS – hjemmeside" for en logo som lenker til hjemmesiden din – ikke en beskrivelse av bildet.
Hvis lenken er et ikon, legger du til en som angir målet, eller inkluderer tekst som er visuelt skjult, men tilgjengelig for skjermlesere.
Hvis lenken er en foreldreløs lenke uten innhold og formål, sletter du den.

Slik tester Silktide dette

Finn alle lenker på hver side, inkludert områder i bildekart.
Hopper over elementer som ikke har et fungerende lenkemål.
Leser lenkens tekst, inkludert alt-tekst og tekstlige alternativer som aria-label og title på lenken og alt som ligger inni den.
Rapporterer lenken hvis det ikke finnes tekst i det hele tatt.

Feilsøking

Lenken ser riktig ut på siden

En lenke kan se riktig ut selv om den er tom, fordi utseendet kommer fra et ikon eller et -bakgrunnsbilde – ingen av delene gir den et navn. Kontroller den underliggende -koden for et tekstlig alternativ.

Betydningen av ikonet er åpenbar

Bare for personer som kan se det. Et forstørrelsesglass betyr «søk» visuelt, men en skjermleser kan ikke beskrive bilder som ikke har et tekstlig alternativ – etiketten må finnes i markeringen.