Toegankelijkheid

Waarom 'klik hier'- en 'lees meer'-links een toegankelijkheidsprobleem zijn

Schermlezergebruikers bladeren vaak volledig buiten volgorde door links β€” vage linktekst breekt dat helemaal.

Wat het is

Linktekst is de daadwerkelijke klikbare tekst van een link β€” in "Klik hier om onze prijzen te zien" zijn de woorden "klik hier" de linktekst, ook al is "prijzen" het woord dat de betekenis in die zin daadwerkelijk draagt. Deze check zoekt naar links met vage, generieke tekst zoals "klik hier", "lees meer", of "link", in plaats van beschrijvende tekst die aangeeft waar de link daadwerkelijk naartoe leidt.

Veel schermlezers hebben een functie waarmee een gebruiker een lijst van elke link op een pagina kan oproepen, volledig los van de omringende zinscontext, specifiek om snel door een pagina te navigeren β€” en dat is precies de situatie waarin generieke linktekst stopt met werken.

Waarom het belangrijk is

Wanneer een schermlezergebruiker die lijst met links buiten context oproept, geeft een pagina vol links die allemaal "klik hier" of "lees meer" zeggen hem geen manier om de ene bestemming van de andere te onderscheiden β€” hij blijft achter met een lijst identieke, betekenisloze items in plaats van een echt bruikbare manier om door de inhoud van de pagina te navigeren. Zelfs zonder die specifieke functie te gebruiken, geeft het horen van een link die halverwege een zin simpelweg als "klik hier" wordt aangekondigd geen enkele vooraanduiding van waar hij naartoe leidt voordat wordt besloten hem te volgen.

Dit is een puur geschreven oplossing zonder code β€” in tegenstelling tot veel toegankelijkheidsproblemen vereist het geen technische wijziging, alleen het kiezen van andere woorden voor dezelfde link.

Hoe je het oplost

  1. Doorzoek de inhoud van je pagina op generieke linkzinnen zoals "klik hier", "lees meer", "meer informatie", of "link" die als de volledige klikbare tekst worden gebruikt.
  2. Herschrijf elke zin zodat de linktekst zelf de bestemming beschrijft β€” bijvoorbeeld "Bekijk onze prijsplannen" in plaats van "klik hier voor prijzen".
  3. Overweeg voor een "lees meer"-link na een artikelsamenvatting om de titel van het artikel zelf de klikbare linktekst te maken in plaats van een aparte generieke zin.
  4. Koppel links met alleen een icoon (zoals social media-iconen) aan een aria-label die de bestemming beschrijft, vergelijkbaar met de oplossing voor knoppen met alleen een icoon.
  5. Test met de linklijstfunctie van een gratis schermlezer (beschikbaar in NVDA en VoiceOver) om te bevestigen dat elke link nu op zichzelf duidelijk en betekenisvol overkomt.

Controleer of jouw eigen website dit probleem heeft

Launch Readiness scant je website in enkele seconden op dit en ~50 andere problemen vΓ³Γ³r de lancering β€” gratis, zonder registratie.

Start een gratis controle