Voorbeeld schermlezer

Plak HTML om te zien hoe een schermlezer het zou lineariseren en aankondigen. Controleer uw alt-teksten, koppen en ARIA-attributen.

Schermlezer-uitvoer

Plak HTML en klik op Analyseren.
📚 Wetenschappelijke basis en bronnen

Voor wie deze tool is ontworpen

Schermlezers zijn een essentiële hulptechnologie voor blinde of slechtziende mensen. Volgens het World Vision Report van de WHO (2019), hebben minstens 2,2 miljard mensen wereldwijd een visuele beperking, waarvan ongeveer 43 miljoen blind zijn. De WebAIM Screen Reader Survey (2024) constateert systematisch dat de overgrote meerderheid van schermlezergebruikers mensen met een beperking zijn, met blindheid als meest voorkomende reden. Ontwikkelaars, designers en contentmakers gebruiken deze tool om te bekijken hoe hun HTML zal worden geïnterpreteerd door hulptechnologieën — wat helpt bij het opsporen van ontbrekende alternatieve teksten, onjuiste kopstructuren, knoppen en velden zonder toegankelijke naam, en verkeerd ARIA-gebruik, voordat eindgebruikers ze tegenkomen.

Hoe deze tool werkt

Deze tool analyseert uw HTML via de native DOMParser van de browser (geen gegevens verlaten uw apparaat), gaat dan door de toegankelijkheidsboom om een gelinealiseerde leesvolgorde op te bouwen. Het controleert de aanwezigheid van alternatieve teksten op afbeeldingen, de consistentie van kopniveaus, links en knoppen zonder toegankelijke naam, ARIA-rollen en -labels, evenals formuliervelden zonder bijbehorend label.

Wetenschappelijke referenties

  • WebAIM (2024). « Screen Reader User Survey #10 Results. » webaim.org · De grootste lopende enquête over schermlezergebruikspatronen, browsercombinaties en toegankelijkheidsbarrières. Constateert systematisch dat koppen en landmarks de belangrijkste navigatiestrategieën van gebruikers zijn.
  • Wereldgezondheidsorganisatie (2019). World Vision Report. · Rapporteert dat ten minste 2,2 miljard mensen wereldwijd een visuele beperking dichtbij of veraf hebben, waarvan ongeveer 43 miljoen blind zijn.
  • Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). « Guidelines are only half of the story: Accessibility problems encountered by blind users on the web. » Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). · Constateerde dat een aanzienlijk deel van de toegankelijkheidsproblemen waarmee blinde gebruikers worden geconfronteerd, niet werd gedekt door alleen de WCAG, wat de noodzaak van handmatige beoordeling en schermlezertests benadrukte.
  • Lazar, J., Allen, A., Kleinman, J. & Malarkey, C. (2007). « What frustrates screen reader users on the web: A study of 100 blind users. » International Journal of Human-Computer Interaction, 22(3), 247–269. · Identificeerde ontbrekende alternatieve teksten, niet-gelabelde formuliervelden en misleidende linklabels onder de belangrijkste frustraties die werden gerapporteerd door blinde gebruikers.
  • W3C WAI (2023). « WAI-ARIA Authoring Practices 1.2. » · Definieert hoe rollen, staten en eigenschappen moeten worden gebruikt om dynamische inhoud toegankelijk te maken voor hulptechnologieën.

Disclaimer

Deze tool biedt een vereenvoudigde benadering van schermlezeruitvoer op basis van de HTML-toegankelijkheidsboom. Echte schermlezers (NVDA, JAWS, VoiceOver, TalkBack) verschillen in hoe ze inhoud aankondigen, ARIA-attributen verwerken en interageren met dynamische widgets. Deze preview vervangt geen tests met echte schermlezers en echte gebruikers. Het is bedoeld om vroeg in het redactieproces veelvoorkomende problemen te detecteren.

Gerelateerde tools

WCAG-koptekstcontrole Toegankelijkheid Toegankelijk kleurenpalet genereren Kleurcontrastchecker