Links
Engelse linktekst op een Nederlandse pagina
Een Nederlandstalige website. Een link naar de contactpagina. Met een aria-label="Get in touch".
"Download" — maar download van wat?
Een tabel. Kolom 1: documentnaam. Kolom 2: een “Download”-link. Visueel is het duidelijk: “Download” hoort bij “Jaarverslag 2024” in dezelfde rij. Maar de tabel is gebouwd met divs. Geen echte <table>. Geen <tr>. Geen <td>.
"Bekijk aanbiedingen groter dan groter dan"
“Bekijk aanbiedingen »” Ziet er prima uit. Dat pijltje geeft richting. Je weet dat je ergens naartoe gaat.
"Winkelwagen Winkelwagen"
Een link naar de winkelwagen. Met een winkelwagen-icoon met alt=“Winkelwagen” en het woord “Winkelwagen” ernaast.
Link met een enkel teken
A. A. A. Drie links. Om de tekstgrootte aan te passen. Klein, normaal, groot.
Paginering: "1", "2", "3"
Link: “1”. Link: “2”. Link: “3”. Eén, twee, drie wat? Pagina’s? Producten? Stappen?
Linktekst verborgen met display: none
De developer wilde het netjes doen. Een link met een aria-tekst voor schermlezers. Maar in plaats van sr-only gebruikte die display: none.
Lege link
“Link.” Dat is alles. Een schermlezer meldt een link. Maar niet waarheen. Niet waarom. Niet wat.
Hele alinea als link
“Link. Deze prachtige winterjas is gemaakt van gerecycled materiaal en houdt je warm tot min 20 graden. Verkrijgbaar in drie kleuren. Nu met 20 procent korting.”
Link naar een PDF zonder het te zeggen
“Algemene voorwaarden.” Je klikt. En ineens opent er een PDF in je browser. Of er start een download. Of je telefoon opent een PDF-viewer.
Link opent in een nieuw venster zonder waarschuwing
Je klikt op een link. Een nieuw tabblad opent. Je drukt op de terugknop. Niets. Want je zit in een nieuw tabblad. Er is geen geschiedenis.
Afbeelding als link zonder beschrijvend alt
Een winkelwagen-icoon. Klik erop en je gaat naar je winkelwagen. Logisch.