6 min leestijdCompliance

Toegankelijkheid van QR-codes: WCAG, contrast en alternatieven

Een QR-code is een afbeelding zonder tekstalternatief en een doel waar niemand naartoe kan tabben. Wat toegankelijkheidsregels verwachten, en de geprinte terugvaloptie die het meeste oplost.

Sasha Ehrlich
Compliance · EU residency
Een QR-code op een poster met daaronder een geprinte korte URL, aangemerkt als het toegankelijke alternatief voor mensen die niet kunnen scannen

Een QR-code is een afbeelding van een link. Om hem te gebruiken moet iemand weten dat hij er is, hem in de ruimte vinden, een camera erop richten en stilhouden. Wie een van die vier dingen niet kan, heeft helemaal geen route naar de informatie, en daarom behandelt elke serieuze toegankelijkheidsrichtlijn een code als één ingang in plaats van de enige ingang.

De verplichtingen zijn helder verdeeld. Op een scherm is de code een afbeelding en zijn de Web Content Accessibility Guidelines er rechtstreeks op van toepassing. Op papier reikt geen enkele richtlijn tot het drukwerk, en verschuift de verantwoordelijkheid naar wat je naast de code plaatst. In beide gevallen zit het grootste juridische risico eigenlijk op de bestemmingspagina. Voor wat een scan verzamelt zodra hij werkt, behandelt QR-codes en de GDPR de datakant van hetzelfde vierkant.

Drie drempels, niet één

Teams repareren meestal de zichtbare drempel en laten de andere twee liggen.

Hem vinden. Een gedrukte code kondigt zichzelf alleen visueel aan. Iemand die blind is, weet niet dat een poster een code draagt, dat een tafelkaartje er een heeft, of dat een brief er een bevat, tenzij de tekst dat vermeldt. Daarom lost "scan de code" in kleine letters onder een symbool op zichzelf niets op.

Hem scannen. Om een code te kaderen heb je bruikbaar centraal zicht en redelijk stabiele handen nodig. Slechtziendheid, tremor, een beperkte grip en een rolstoelgebruiker die een code op stahoogte tegenover zich heeft, zijn allemaal aparte faalpunten met hetzelfde resultaat. Een code achter glas of boven een balie voegt afstand toe waarmee de rekensom voor de grootte rekening moet houden.

Gebruiken wat opent. De pagina achter de code is een webpagina als elke andere, en daar concentreren de afdwingbare verplichtingen zich. Een scanbare code die naar een pdf-menu zonder tekstlaag leidt, heeft de drempel verplaatst, niet weggenomen.

Wat WCAG vraagt

Vier bepalingen komen steeds weer terug, en geen daarvan is bezwarend.

Een code die als afbeelding wordt getoond, heeft volgens de regel voor non-tekstinhoud een tekstalternatief nodig dat de bestemming beschrijft. "QR-code" is een verspild alt-attribuut; "QR-code die naar het afspraakformulier voor het boeken linkt" is de informatie. Wanneer de URL ook als tekst op dezelfde pagina staat, kan de code redelijkerwijs in plaats daarvan als decoratief worden gemarkeerd.

Contrast is waar ontwerpers het vaakst de mist ingaan. De vereiste voor niet-tekstueel contrast stelt een ondergrens van 3:1 voor de onderdelen van een afbeelding die nodig zijn om hem te begrijpen, wat voor een QR-code neerkomt op de modules tegenover hun achtergrond. Fotografische achtergronden, contrastarme merkcombinaties en omgekeerde patronen falen zowel op de richtlijn als, vaak, op de scanner. Ontwerp van gebrande QR-codes behandelt hoe ver je de vormgeving kunt doorvoeren voordat het patroon niet meer decodeert.

Het doel van een link is ook belangrijk. Wanneer de code naast een link staat, moet de zichtbare tekst zeggen waar hij naartoe gaat, en linkdoel in context is de bepaling die daarom vraagt. "Klik hier" faalt om dezelfde reden als een ongelabelde code.

En de quiet zone, de vrije marge rond het patroon, is minstens zo goed een toegankelijkheidskwestie als een drukkwestie. Hem wegsnijden om in een lay-out te passen, maakt de code voor iedereen lastiger te vinden en voor sommigen onmogelijk.

Vier toegankelijkheidsdrempels die een QR-code creëert, wie elk daarvan treft, en de oplossing die hem wegneemt

Waar de European Accessibility Act toeslaat

Richtlijn (EU) 2019/882 is van toepassing sinds 28 juni 2025, en verandert de rekensom voor private organisaties die toegankelijkheid voorheen als een kwestie van de publieke sector beschouwden.

Drie punten bepalen of hij jou raakt. Hij bestrijkt bepaalde producten en consumentgerichte diensten, waaronder e-commerce, particulier bankieren, personenvervoer en e-boeken. Hij rust op de dienst, wat betekent dat de pagina die de code opent binnen de reikwijdte valt, ook al valt het gedrukte vierkant erbuiten. En hij is nationaal omgezet, dus de handhavende instantie, de sancties en de details van de vrijstelling voor micro-ondernemingen bij diensten hangen af van de lidstaat waar je aan verkoopt.

De praktische les voor een marketingteam: als een scan leidt tot een aankoop, een boeking of een bankinteractie met consumenten in de EU, behandel de bestemming dan als een gereguleerd oppervlak en test hem ook zo. Overheidsinstanties vallen al onder de eerdere regels voor webtoegankelijkheid en de EN 301 549-norm, terrein dat URL-verkorters voor de overheid uitgebreider behandelt.

Ik zie liever dat een team de bestemmingspagina repareert en een URL print, dan dat het een week besteedt aan de esthetiek van de code. Die eerste twee zijn waar een handhavende instantie naar vraagt.

De geprinte korte URL is de toegankelijkheidsfunctie

Dit is verreweg de waardevolste verandering op de lijst, en hij kost één regel tekst.

Een korte URL onder een code gedrukt, is het tekstalternatief dat drukwerk anders niet kan bieden. Hij dient iemand die schermvergroting gebruikt en tekst kan lezen maar geen camera kan kaderen. Hij dient iemand van wie de telefoon geen werkende camera-app heeft, iemand op een geleend toestel, en iemand die de pagina later op een laptop wil openen. Hij dient ook de ziende meerderheid in het specifieke geval waarin de code niet scant vanwege verlichting of glans.

Maak hem overschrijfbaar:

  1. Houd het pad tot een paar tekens beperkt, zodat het tussen lezen en typen in het geheugen kan blijven.
  2. Gebruik overal kleine letters, en vermijd tekenparen die dubbelzinnig afdrukken.
  3. Geef de voorkeur aan een woord boven een willekeurige string. Een aangepaste achterkant die als een woord leest, overleeft een slechte fotokopie, een willekeurige niet.
  4. Zet het in een grootte die iemand kan lezen op de afstand waarop de code wordt gescand, niet in het kleinste lettertype dat de lay-out toelaat.
  5. Zet je eigen domein ervoor. Een herkenbaar domein is voor iedereen een vertrouwenssignaal, en wat een gebrande link is behandelt waarom dat op papier meer telt dan op een scherm.

Codes genereren met voor elk een leesbare geprinte terugvaloptie? Elido's QR-codefuncties maken de code en de korte link samen aan, zodat het getypte alternatief altijd overeenkomt met de code ernaast.

Een checklist in vier stappen voor een toegankelijke QR-plaatsing, met het geprinte alternatief, contrast, labeling en het testen van de bestemming

Testen alsof je iemand anders bent

Vijf controles, en de eerste drie kosten tien minuten.

Laat de bestemmingspagina door een schermlezer lopen. Geen checklisttool, een echte schermlezer, waarbij je luistert of de primaire actie bereikbaar en gelabeld is. De Amerikaanse Section 508-richtlijn over QR-implementatie is een compact naslagwerk voor waar je op moet letten.

Meet het contrast van de gedrukte proefdruk, niet van het bestand. Inkt op ongestreken papier verliest contrast dat een schermvoorbeeld vleit.

Scan de code vanaf de positie waar een echt persoon zich bevindt: zittend, op de werkelijke montagehoogte, in de echte verlichting van de locatie. Een code op 1,6 meter is voor een rolstoelgebruiker een ander object dan voor de ontwerper die hem daar heeft geplaatst.

Probeer de geprinte URL met de hand in te typen, op een telefoontoetsenbord, zonder naar de code te kijken. Kost het drie pogingen, dan klopt de slug niet.

Controleer daarna de pagina erachter volgens dezelfde norm als je hoofdsite. Daar zit de verplichting, en dat is de controle die het vaakst wordt overgeslagen.

Lees de cornerstone-serie

Dit artikel valt onder de compliance-cluster. GDPR voor URL-verkorters is de cornerstone voor de gegevensbeschermingshelft van hetzelfde terrein, en QR-codes en de GDPR behandelt wat een scan daadwerkelijk verzamelt.

Gerelateerd op de blog

Veelgestelde vragen

Zijn QR-codes toegankelijk?

Niet op zichzelf. Om er een te scannen heb je zicht nodig om hem te vinden, een stabiele hand om hem te richten, en een toestel met camera. Geen van die drie kan als vanzelfsprekend worden aangenomen, en daarom behandelen toegankelijkheidsrichtlijnen een QR-code als een extra route naar informatie, niet als de enige. Print er een korte URL naast en het grootste deel van de drempel verdwijnt.

Heeft een QR-code alt-tekst nodig?

Wanneer hij als afbeelding op een webpagina of in een document verschijnt, ja. Beschrijf waar hij naartoe leidt in plaats van wat hij is: een schermlezergebruiker heeft niets aan de mededeling dat er een QR-code staat, en alles aan de mededeling dat die de boekingspagina opent. Op gedrukt materiaal bestaat er geen alt-tekst, dus is het tekstalternatief de URL zelf, gezet in een leesbaar lettertype.

Welk contrast heeft een QR-code nodig?

Minstens 3:1 tussen de donkere modules en de lichte achtergrond volgens de WCAG-regel voor niet-tekstueel contrast, en in de praktijk meer, omdat scanners marge nodig hebben die een compliance-ondergrens niet garandeert. Houd het donker op licht, vermijd fotografische achtergronden, en keer het patroon nooit om voor een ontwerpeffect.

Is de European Accessibility Act van toepassing op QR-codes?

Hij is van toepassing op de dienst achter de code. Richtlijn (EU) 2019/882 bestrijkt consumentgerichte diensten zoals e-commerce, bankieren, vervoer en e-boeken, en is van toepassing sinds 28 juni 2025. Opent de code een menu, een ticket of een afrekenpagina, dan rust de toegankelijkheidsverplichting op die pagina, niet op het geprinte vierkant.

Hoe moet de geprinte terugvaloptie eruitzien?

Kort, in kleine letters, en ondubbelzinnig wanneer hardop voorgelezen of met de hand overgeschreven. Vermijd tekens die in print makkelijk worden verward, houd het pad tot een paar tekens beperkt, en zet het groot genoeg om over te schrijven voor iemand die vergroting gebruikt. Een gebrand kort domein helpt hierbij, omdat de lezer in één oogopslag ziet wie hij op het punt staat te bezoeken.

Is NFC een goed alternatief voor een QR-code?

Het is eerder een nuttige aanvulling dan een vervanging. Een tik omzeilt het richtprobleem helemaal, wat helpt voor mensen met slechtziendheid of beperkte fijne motoriek, maar het vereist een ondersteunde telefoon en een fysieke tag. De meest inclusieve combinatie op een gedrukt oppervlak is een code, een tag als het budget het toelaat, en een getypte URL onder beide.

Probeer Elido

Plak een URL, krijg een werkende korte link

Geen aanmelding nodig. Link blijft 30 dagen actief. Meld je aan om hem voor altijd te bewaren.

Gratis, geen aanmelding nodig · 2 per dag

Probeer Elido

In de EU gehoste URL-shortener met aangepaste domeinen, uitgebreide analyses en een open API. Gratis abonnement - geen creditcard nodig.

Tags
qr code accessibility
wcag
european accessibility act
alt text
non-text contrast
short url fallback

Verder lezen