Klare overskrifter og labels
Anvend klare og beskrivende overskrifter og labels for at formidle indholdets emne og formål effektivt.
WCAG 2.1 Succeskriterie 2.4.6
Beskrivende linktekster §
Resume: Sørg for, at dine linktekster er klare og beskrivende for at forbedre navigationen og tilgængeligheden på din hjemmeside. Beskrivende linktekster gør det lettere for brugere at forstå, hvad de kan forvente, når de klikker på et link, hvilket skaber en bedre brugeroplevelse og overholder tilgængelighedskrav.
Vigtigheden af beskrivende linktekster
Links er grundlaget for navigation på internettet. De guider brugere fra én side til en anden og hjælper med at skabe en sammenhængende oplevelse. Men links er kun nyttige, hvis brugerne forstår, hvor de fører hen. Beskrivende linktekster er essentielle for at sikre, at brugere, inklusive dem med nedsat syn eller kognitive udfordringer, kan navigere effektivt og sikkert. Denne artikel vil udforske vigtigheden af beskrivende linktekster, hvordan de kan implementeres korrekt, og give praktiske tips til at forbedre tilgængeligheden på din hjemmeside.
Hvorfor er beskrivende linktekster vigtige?
Beskrivende linktekster giver brugerne en klar forståelse af, hvad de kan forvente, når de klikker på et link. Dette er særligt vigtigt for personer, der bruger skærmlæsere, da de ofte navigerer fra link til link uden at se den omgivende kontekst. Hvis linkteksten ikke er beskrivende, kan det skabe forvirring og frustration, og det kan også betyde, at brugerne går glip af vigtig information eller funktionalitet på din hjemmeside.
Gør navigation lettere for alle
Beskrivende linktekster sikrer, at alle brugere, inklusive dem med nedsat syn eller kognitive udfordringer, kan navigere effektivt på din hjemmeside. Ved at bruge klare og specifikke linktekster hjælper du brugerne med at forstå, hvad de kan forvente, når de klikker på et link, hvilket skaber en mere tilfredsstillende og inkluderende brugeroplevelse.
Hvad er beskrivende linktekster?
En beskrivende linktekst er en, der klart og præcist angiver, hvad brugeren kan forvente ved at klikke på linket. For eksempel er “Læs mere om vores produkter” meget mere beskrivende end blot “Klik her”. Den første giver brugeren en tydelig forventning om, hvad de vil finde, mens den anden er vag og kræver, at brugeren udforsker yderligere for at finde ud af formålet.
Bedste praksis for beskrivende linktekster
- Vær specifik: Sørg for, at linkteksten præcist beskriver destinationen eller funktionen. For eksempel: “Download årsrapporten for 2023” i stedet for “Download her”.
- Undgå generiske udtryk: Undgå at bruge udtryk som “Klik her” eller “Læs mere”, som ikke giver nogen kontekst om linkets formål.
- Integrer links naturligt: Sørg for, at links er en integreret del af sætningen, så brugerne kan forstå konteksten uden at skulle læse hele afsnittet. For eksempel: “Læs vores seneste blogindlæg om bæredygtighed” i stedet for “Klik her for at læse mere”.
- Brug beskrivende tekst for knappper: Hvis du bruger knapper som links, sørg for, at teksten på knappen også er beskrivende, som “Tilmeld dig nyhedsbrevet” i stedet for “Tilmeld”.
- Tilføj titelattributter, hvor relevant: Selvom det ikke bør være den primære metode til at beskrive links, kan titelattributter give yderligere kontekst for nogle brugere.
Eksempler på gode og dårlige linktekster
- God linktekst: “Få mere at vide om vores seneste opdatering.”
- Dårlig linktekst: “Læs mere.”
- God linktekst: “Download vores gratis e-bog om digital markedsføring.”
- Dårlig linktekst: “Download her.”
Implementering af beskrivende linktekster på din hjemmeside
For at sikre, at dine linktekster er beskrivende og tilgængelige, skal du følge disse trin:
- Gennemgå alle links på din hjemmeside: Gennemgå eksisterende linktekster og identificer dem, der er vage eller generiske. Udskift dem med mere beskrivende alternativer.
- Opdater dine design- og indholdsretningslinjer: Sørg for, at alle, der arbejder med at skabe indhold til din hjemmeside, er klar over vigtigheden af beskrivende linktekster og ved, hvordan man skriver dem.
- Brug værktøjer til tilgængelighedstest: Der findes flere værktøjer, der kan hjælpe dig med at evaluere, om dine linktekster er beskrivende og tilgængelige. Eksempler inkluderer WAVE og Axe.
Tre værktøjer til at tjekke for beskrivende linktekster
At sikre, at dine linktekster er beskrivende, er essentielt for tilgængelighed og brugervenlighed. Her er tre effektive værktøjer, du kan bruge:
- WAVE Web Accessibility Evaluation Tool
WAVE er et gratis online værktøj, der hjælper dig med at evaluere og forbedre tilgængeligheden af dine websteder. Det fremhæver linktekster og giver forslag til, hvordan du kan gøre dem mere beskrivende og tilgængelige. - AXE Accessibility Tool
AXE er en udvidelse til browsere som Chrome og Firefox, der gør det nemt at finde tilgængelighedsproblemer, inklusive manglende eller vage linktekster. Det er et populært valg blandt udviklere for dets dybdegående analyse og brugervenlighed. - Google Lighthouse
Google Lighthouse er et open-source værktøj, der kan køre som en Chrome-udvidelse eller fra kommandolinjen. Det genererer detaljerede rapporter om din hjemmesides tilgængelighed, ydeevne og SEO, herunder vurdering af linktekster og deres beskrivende kvalitet.
Konklusion
Beskrivende linktekster er en fundamental del af at skabe tilgængelige og brugervenlige hjemmesider. Ved at sikre, at alle links på din hjemmeside er klare og specifikke, kan du forbedre navigationsoplevelsen for alle brugere, uanset deres evner. Gennem korrekt implementering af beskrivende linktekster kan du også sikre, at din hjemmeside overholder tilgængelighedskravene og skaber en mere inkluderende oplevelse.
Artikel af Rasmus Michelsen
Rasmus Michelsen er senior UX Designer med mange års erfaring inden for digital tilgængelighed. Han arbejder for at sikre, at alle brugere kan få adgang til digitale løsninger, og hjælper virksomheder med at implementere WCAG 2.1-standarder. Rasmus er kendt for sin evne til at formidle komplekse emner på en letforståelig måde.
Andre har også læst
Alternativ tekst for billeder (ALT)
Sørg for, at alle billeder og medier har beskrivende alternativ tekst, så indholdet kan opfattes af skærmlæsere og andre hjælpemidler.
WCAG 2.1 Succeskriterie 1.1.1
