Ga naar inhoud
TextArray1.41.0
100% lokaal

HTML-toegankelijkheidschecker

Scan een HTML-fragment op problemen die schermlezergebruikers en toetsenbordgebruikers hinderen.

Invoer
Uitvoer
Gerelateerde tools
HTML-formatterOntwikkelaarstools
ContrastcontroleOntwikkelaarstools
Meta-tags controleurOntwikkelaarstools
i18n sleutel diffOntwikkelaarstools
TOML naar JSON-converterOntwikkelaarstools
SQL naar JSONOntwikkelaarstools
HTML-toegankelijkheidschecker
Plak een HTML-fragment en dit hulpmiddel scant het op de problemen die schermlezergebruikers, toetsenbordgebruikers en andere ondersteunende technologieën het meest belemmeren. Elke bevinding wordt gemeld met een regelnummer en een duidelijke uitleg, zodat u deze kunt oplossen zonder een apart WCAG-document te raadplegen. Het richt zich op het fragment dat u daadwerkelijk ter hand hebt – een component, een e-mailsjabloon, een CMS-blok – niet op een volledig verkende pagina.
De controles zijn opties die u afzonderlijk kunt in- en uitschakelen: afbeeldingen zonder alt-text (en lege alt-tekst op afbeeldingen die de enige inhoud van een koppeling of knop zijn), kopniveaus die een niveau overslaan of niet bij h1 beginnen, knoppen en koppelingen zonder zichtbare tekst of aria-label, formuliervelden zonder bijbehorend label, generieke koppelingtekst zoals "klik hier", tabellen zonder headercellen, documenten zonder lang-attribuut en dubbele id-attributen. Met een filter voor ernst kunt u de lijst beperken tot waarschuwingen en fouten, of alleen tot fouten, nadat de kleinere zaken zijn getrieerd.
De checker leest alleen de ruwe opmaak – tags en attributen, niet berekende stijlen of weergegeven lay-out – dus het zal geen contrastprobleem of focusvolgorde detecteren die alleen na het toepassen van CSS zichtbaar worden (combineer dit met de contrastchecker daarvoor). Parseren gebeurt naar beste vermogen: het tolereert misvormde of onvolledige HTML in plaats van weigeren uit te voeren, aangezien een geplakt fragment zelden voor alles een sluitag heeft.
Alles gebeurt lokaal in uw browser. Het fragment dat u plakt – dat afkomstig kan zijn van een onuitgebrachte pagina, een intern hulpmiddel of een klantproject – wordt nooit geüpload of naar een server verzonden. Kopieer het rapport, download het als .txt-bestand of stuur het fragment na wijzigingen terug naar de invoer om het opnieuw in te scannen.
FAQ
Vervangt dit een volledige toegankelijkheidsaudit?
Nee. Het vangt veelvoorkomende, mechanisch detecteerbare problemen op in de opmaak die u plakt – ontbrekende alt-text, koppelingvolgorde, niet-gelabelde velden en dergelijke – maar een volledige audit omvat ook contrastcontrole, focus-toetsenbordvolgorde, schermlezertest en weergegeven lay-out, waarvoor een live pagina nodig is.
Waarom wordt een afbeelding met alt="" soms nog gemarkeerd?
Lege alt-tekst is correct voor een puur decoratieve afbeelding. Het wordt alleen gemarkeerd wanneer de afbeelding de enige inhoud van een koppeling of knop is (het besturingselement heeft geen toegankelijke naam) of wanneer het een niet-leeg title-attribuut heeft, wat suggereert dat het toch informatie draagt.
Wat telt als een "dubbele id"?
Alle id-attributwaarden die in het fragment op meer dan één element voorkomen. Dubbele id's verbreken labelkoppelingen, aria-labelledby-referenties en in-page-koppelingen, omdat alleen de eerste overeenkomst wordt gebruikt.
Kan ik slechts één categorie van problemen controleren?
Ja. Elke controle – afbeeldingen, koppelingen, interactieve elementen, formulieren, koppelingtekst, tabellen, taal en dubbele id's – heeft zijn eigen schakelaar, en een filter voor ernst beperkt de resultaten verder.
Wordt mijn HTML ergens geüpload?
Nee. Het fragment wordt volledig in uw browser geparste en gecontroleerd met JavaScript; het wordt nooit naar een server verzonden.