Het label van de Login Link bestaat uit gewone tekst, niet uit een afbeelding van tekst
- WCAG
- 1.4.5 Afbeeldingen van tekst
Laat tekst buiten afbeeldingen.
Als je losse tekst een vergelijkbaar uiterlijk kan geven als in een afbeelding, laat het dan losse tekst zijn. Er is een uitzondering als de tekst onderdeel is van een logo.
Sommige mensen hebben teksten nodig met een ander uiterlijk. Dit kan bij losse tekst en niet bij afbeeldingen.
De linktekst van de Login Link vertelt eenduidig aan de gebruiker waar de link naar toe gaat (het linkdoel).
- WCAG
- 2.4.4 Linkdoel (in context)
De linktekst vertelt eenduidig aan de gebruiker waar de link naar toe gaat (het linkdoel).
Wat is een linktekst? Het is de tekst die zichtbaar is, maar ook de tekst die aan een gebruiker van hulpsoftware wordt voorgelezen.
Wat is het linkdoel? De locatie waar de link naartoe gaat. Bijvoorbeeld de contactpagina, een nieuwsbericht, een andere website of een download van een document.
Wat betekent In context? Het doel van de link kan ook door omringende content worden aangegeven. Dit moet dan wel ook voor gebruikers van hulpmiddelen duidelijk zijn, bijvoorbeeld door aanvullende tekst of een afbeelding naast de link. Dit laatste is onderwerp van veel discussie. Het beste is om altijd goed in de linktekst zelf te vertellen want het doel is.
Als de gebruiker de Login Link indrukt met een aanwijzer zoals een muis of vinger, is er de mogelijkheid om de actie te voorkomen of ongedaan te maken
- WCAG
- 2.5.2 Aanwijzerannulering
Als de gebruiker een interactief element indrukt met een aanwijzer zoals een muis of vinger, is er de mogelijkheid om de actie te voorkomen of ongedaan te maken.
Gebruik hiervoor het click-event. Dit is een apparaatonafhankelijke methode. Zo activeert de actie niet als de bezoeker de aanwijzer indrukt, maar pas als de bezoeker de aanwijzer weer loslaat. De bezoeker kan de aanwijzer nog verplaatsen naar buiten het element om de actie weer ongedaan te maken.
Voor knoppen waarbij het essentieel is dat ze activeren bij het indrukken (keydown) geldt een uitzondering. Dit geldt bijvoorbeeld voor knoppen in een schermtoetsenbord en pianotoetsen.
De zichtbare naam van de Login Link komt voor in de toegankelijke naam
- WCAG
- 2.5.3 Label in naam
De zichtbare naam van de link is gelijk aan, of begint met de toegankelijke naam.
Dit is het eenvoudigst te realiseren door een a-element te gebruiken met daarin tekst.
Pas op met het gebruik van aria-label om een naam te geven aan een link. Een aria-label overschrijft de tekstinhoud van een link. Zodoende kan een link een toegankelijke naam krijgen die anders is dan de zichtbare naam, waardoor mensen die hulpsoftware gebruiken moeilijkheden kunnen krijgen met het bedienen van de link. Als je echt een aria-label nodig hebt, zorg dan dat de waarde van het aria-label begint met de exacte tekst die zichtbaar is in de link.
Dus niet:
codevoorbeeld
<a href="login-url" aria-label="Klik hier om in te loggen">Log in met DigiD</a>
Maar:
codevoorbeeld
<a href="login-url">Log in met DigiD</a>
NL Design System richtlijnen:
Als de tekst van de Login Link in een andere taal is dan de taal van de pagina, dan heeft het element een lang-attribuut met de juiste taalcode
- WCAG
- 3.1.2 Taal van onderdelen
Als een tekst in een andere taal is dan de taal van de pagina, dan heeft het element een lang-attribuut met de juiste taalcode.
Denk bijvoorbeeld aan buttons voor het veranderen van de taal van een pagina, bij meertalige websites. Of aan een citaat in het Engels, op een Nederlandstalige pagina.
NL Design System richtlijnen:
