Enkelte lenketekster bør forbedres

For å gi brukeren mulighet til å få større klikkeområde på det vi kaller for lenkepuffer, er det vanlig at hele området blir satt som en lenke, se eksempel nedenfor.

En utfordring dette gir er for brukere som ikke ser og som er avhengig av opplesende hjelpemiddel, slik som skjermleser. Ved navigering med skjermleser blir enten hver del opplest som en lenke dersom de navigerer med piltaster eller så blir alt innenfor området lest opp samtidig dersom de navigerer ved bruk av TAB-tast.
Dette er noe som resulterer i en veldig lang lenketekst og det kan bli utfordrende å fange opp det som er det viktigste i lenketeksten, noe som i sin tur kan føre til at WCAG 2.4.4 ikke blir godkjent.

• Marker kun overskriften som lenke. I enkelte tilfeller kan også lenketeksten nedenfor blir satt som lenke, så lenge den ikke blir redundant for de som ikke ser.

• Utvid klikkeområdet ved hjelp av javaskript, se eksempelkode nedenfor.

  <div
  onClick[()=>document.GetElementById(cardLinkId)?.click()]
  >
  

• I DOM (koden), gjør rekkefølgen anderledes enn det som visuelt synes å forsikre at overskriften og teksten kommer først, fulgt av bilde og deretter lenketeksten nederst, se illustrert eksempel nedenfor.

  

• Følg våre anbefalinger i “Innholdsstruktur bør programmatisk forbedres” og “Bruk av landemerker bør forbedres”, slik at lenketekster for en programmatisk kobling til området og overskriften de tilhør.