Themenindex
Alle Themen.
190 interaktive Prüf-Seiten zu Barrierefreiheit, HTML und WCAG. Thema wählen, live testen, danach die eigene Website prüfen. Website prüfen
Live-Labore
- tabindex ohne TastaturfalleFokusreihenfolge falsch und richtig vergleichen – und direkt selbst testen.
- aria-hidden ohne unsichtbare FalleSehen, was sichtbar bleibt, aber für Screenreader verschwindet.
- Label und Input richtig verbindenPlatzhalter-Falle und verständliches Formularfeld direkt vergleichen.
- Alt-Text passend zum BildzweckAm selben Bild erkennen, welche Beschreibung wirklich hilft.
- Semantisches HTML statt div-SuppeGleiche Optik, andere Bedeutung für Tastatur und Screenreader.
Grundlagen & Prüfung
Formulare & Eingaben
- Autocomplete HTMLEingabezwecke korrekt auszeichnen und unnötige Wiederholungen vermeiden.
- Checkbox HTMLMehrfachauswahlen mit nativer Semantik, Label und Gruppenkontext.
- Combobox HTMLZwischen select, datalist und vollständigem ARIA-Widget entscheiden.
- Date Picker HTMLNative Datumseingabe nutzen und Kalenderdialoge nur gezielt bauen.
- Dropdown HTMLFormularauswahl, Navigation und Menü technisch sauber unterscheiden.
- File Upload HTMLDateien nativ auswählen, Anforderungen nennen und Status verständlich melden.
- Form HTMLFormulare mit nativen Kontrollen, klaren Labels und nutzbaren Fehlern bauen.
- Multi Select HTMLMehrfachauswahl zuerst mit Checkboxen lösen; select multiple und ARIA-Listbox nur als getestete Sonderfälle.
- Radio Button HTMLEinzelauswahlen korrekt gruppieren und vollständig beschriften.
- Select HTMLFeste Formularauswahlen nativ beschriften und eindeutig übermitteln.
Navigation & Overlays
- Accordion HTMLNative Disclosure-Elemente und robuste Eigenbau-Regeln vergleichen.
- HTML ButtonButton oder Link wählen und die native Bedienung erhalten.
- Dialog & Modal HTMLModale Aufgaben mit dialog, Fokusführung und sicherem Schließen bauen.
- Hamburger-Menü HTMLMobilen Menüschalter und Navigation semantisch sauber trennen.
- HTML LinkEchte Ziele, klare Linktexte und die Grenze zum Button verstehen.
- Navigation HTMLLandmarks benennen, aktuelle Seiten markieren und Links ordnen.
- Popover HTMLNicht-modale Zusatzflächen mit der nativen Popover API bauen.
- Tooltip HTMLKurze Zusatztexte erreichbar machen und interaktive Overlays vermeiden.
Inhalte & Interaktion
- HTML-ZeilenumbruchEchte Zeilenumbrüche von Absatzstruktur und CSS-Abstand trennen.
- Bildunterschrift in HTMLfigcaption und alt-Text ohne Informationslücken einsetzen.
- Drag and Drop in HTMLZiehen als Option anbieten und denselben Weg per Button ermöglichen.
- Progress Bar in HTMLBestimmten und unbestimmten Fortschritt korrekt auszeichnen.
- Table HTMLDatentabellen mit caption, th und scope verständlich machen.
Website prüfen & optimieren
- website analyse beispielInteraktives Beispiel einer Website-Analyse: automatische Befunde, manuelle Prüfungen, Wirkung und nächster Prüfschritt.
- website analyse softwareWebsite-Analyse-Software richtig einordnen: SEO, Performance, Barrierefreiheit und Sicherheit vergleichen und fehlende Evidenz erkennen.
- website audit softwareWebsite Audit Software richtig einordnen: automatisierte und manuelle Evidenz vergleichen, Prüfgrenzen erkennen und die eigene URL scannen.
- website navigation softwareWebsite-Navigation-Software prüfen: Landmarks, Namen, aktuelle Links, Tiefe und Tastaturwege über Seitenvorlagen live vergleichen.
- wordpress website optimierenWordPress gezielt optimieren: Befunde aus Barrierefreiheit, Performance, SEO und Wartung nach Priorität und Evidenz trennen.
Navigation, Suche & Filter
- brotkrümelnavigationBrotkrümelnavigation zugänglich aufbauen: Pfadtiefe und aktuelle Seite einstellen, nav, ol und aria-current direkt als Vorschau prüfen.
- dropdown menü deutschDropdown-Menü auf Deutsch einordnen: Aufgabe wählen und den passenden Begriff, das native HTML-Element und die Tastaturbedienung erhalten.
- filter websiteWebsite-Filter mit Checkboxen, Radiobuttons, entfernbaren Chips, Ergebnisstatus und lesbarem URL-Zustand interaktiv testen.
- hamburger menü erstellenHamburger-Menü erstellen: Buttontext, Startzustand und Escape-Fokus-Verhalten wählen, live bedienen und den passenden HTML-Vertrag prüfen.
- homepage navigationHomepage Navigation als Route Map planen: Haupt-, Service- und Footer-Ebene mit Landmark-Namen, aktuellem Link, Listenstruktur und Fokusweg.
- mobile navigation kostenlosMobile Navigation kostenlos konfigurieren: zugängliche Vorschau, HTML und Zustandsvertrag direkt im Browser erzeugen.
- mobile navigation softwareDrawer, Disclosure und Bottom-Navigation vergleichen. Fokusweg, Namen, aktuellen Zustand und Escape-Verhalten live bewerten.
- pagination softwarePagination Software konfigurieren: Seitenzahl, aktuelle Seite, Linknamen und Vor/Zurück-Navigation direkt simulieren und Anforderungen prüfen.
- suchfunktion websiteWebsite-Suche barrierefrei umsetzen: Such-Landmark, sichtbares Label, Ergebnisüberschriften und Live-Status in einer funktionalen Demo prüfen.
- website suche optimierenWebsite-Suche optimieren: Labels, Vorschläge, Ergebnisansagen, Nulltreffer und Tippfehler in einer interaktiven Suchkonsole testen.
WordPress-Komponenten
- dropdown menü wordpressWordPress-Dropdown prüfen: Trigger, aria-expanded, Fokus im geschlossenen Submenü und Escape-Verhalten direkt am erzeugten Menü-Markup testen.
- hamburger menü wordpressWordPress-Hamburger-Menü testen: Name, aria-expanded, Fokus-Rückgabe und Untermenüs im interaktiven mobilen Theme-Labor prüfen.
- mobile navigation wordpressWordPress Navigation Block und klassisches Menü mobil vergleichen: Submenü, Fokusweg, hidden, Escape und Breakpoint im Live-Frame prüfen.
- pagination pluginPagination-Plugin prüfen: Links, aktuelle Seite, Namen, deaktivierte Ziele und erhaltene URL-Parameter live abnehmen.
- wordpress navigation erstellenWordPress-Navigation interaktiv planen: Hierarchie, Untermenüs, aktuelle Seite, klare Labels und Tastaturverhalten direkt prüfen.
- wordpress navigation pluginWordPress-Navigation-Plugins vor dem Einsatz prüfen: Semantik, Tastatur, Submenüstatus, Fokus und Lock-in interaktiv bewerten.
- wordpress theme einrichtenWordPress Theme strukturiert einrichten: Header, Skip-Link, Navigation, Kontrast, Fokus und Inhaltsvorlagen vor der Aktivierung prüfen.
Seitentypen & Formulare
- 404 seite einrichten404-Seite einrichten und direkt simulieren: echten HTTP-Status, sichtbare Überschrift, Startseite, Suche, letzten Pfad und Fokus getrennt konfigurieren.
- footer website deutschDeutschen Website-Footer planen: Rechts-, Service- und Kontaktlinks gruppieren, contentinfo korrekt einsetzen und doppelte Landmark-Namen erkennen.
- gewinnspiel formular erstellenGewinnspiel-Formular live konfigurieren: Pflichtfelder, getrennte Einwilligung, Fehlerfokus und Bestätigung barrierearm gestalten.
- login bereich erstellenLogin-Bereich erstellen: E-Mail, Passwort, Autocomplete, Fehler und Passwortmanager zugänglich planen und anschließend die Website prüfen.
- pressebereich websitePressebereich als zugängliches Archiv planen: Jahr und Typ filtern, Dokumentdaten zeigen, Downloads eindeutig benennen und Treffer ankündigen.
- registrierungsformular vorlageRegistrierungsformular-Vorlage live testen: Labels, Autocomplete, Passwort-Regeln, Fehlerübersicht und klare Zustimmung zugänglich umsetzen.
ARIA & zugängliche Namen
- aria accessibilityaria accessibility im Markup-Labor prüfen: native Semantik, Rollen, Namen, Zustände, ID-Beziehungen und Fokus als Vertrag testen und Website scannen.
- aria autocompletearia autocomplete im Live-Labor testen: none, list, inline und both vergleichen, aria-controls, expanded und activedescendant prüfen und reparieren.
- aria buttonaria button im Live-Labor prüfen: native und eigene Buttons vergleichen, Name, Fokus, Enter, Leertaste und aria-pressed testen und Markup reparieren.
- aria checkboxARIA Checkbox interaktiv prüfen: Name, Fokus, Leertaste und aria-checked für false, mixed und true testen – mit passender nativer Alternative.
- aria checkerARIA Checker für HTML-Ausschnitte: ungültige Attribute, Werte, ID-Bezüge und fehlende Pflichtzustände direkt prüfen und verstehen.
- aria controlsaria controls im HTML prüfen: IDREF-Ziele, leere oder kaputte Bezüge und passende Reparaturen im interaktiven Beziehungslabor sichtbar machen.
- aria currentaria current richtig einsetzen: page, step, location und date im interaktiven Markup-Labor vergleichen, Mehrfachmarkierungen finden und die Website scannen.
- aria describedbyaria describedby im Markup prüfen: ID-Referenzen auflösen, Hilfen und Fehler in Ansagereihenfolge sehen, konkrete Korrekturen ableiten und die URL scannen.
- aria expandedaria expanded im Zustandslabor prüfen: Disclosure öffnen, aria-expanded mit der Ansicht abgleichen, aria-controls auflösen, Fehler laden und direkt korrigieren.
- aria hiddenaria hidden interaktiv prüfen: Sichtbarkeit, Accessibility Tree und Tab-Reihenfolge vergleichen, Fokusfehler erkennen und korrekt beheben.
- aria htmlARIA HTML im Markup prüfen: Rollen-Konflikte, redundante Attribute und gebrochene ID-Bezüge erkennen, native HTML-Korrektur erhalten und Website scannen.
- aria invalidaria invalid im Formular-Labor prüfen: Validierungszeitpunkt, Tokenwerte und Fehlerbeziehung testen, Markup reparieren und anschließend die URL scannen.
- aria javascriptaria javascript im State-Labor prüfen: DOM-Attribute, sichtbaren Zustand und Tastatur synchronisieren, Fehler provozieren und passenden Code erzeugen.
- aria label htmlaria label HTML im Live-Labor prüfen: zugänglichen Namen berechnen, sichtbare Labels vergleichen, Naming-Konflikte finden und konkrete Reparaturen erhalten.
- aria live regionaria live region im Labor testen: polite oder assertive, aria-atomic, aria-relevant und Timing konfigurieren, Beispieländerung auslösen und URL scannen.
- aria menuaria menu richtig einsetzen: Zweck wählen, Rollen und Fokusvertrag vergleichen, Pfeiltasten live testen und anschließend die veröffentlichte URL scannen.
- aria modalaria modal im interaktiven Dialog-Labor prüfen: Dialogname, showModal, Fokusfang, Escape, Rückfokus und Hintergrund testen sowie Code und URL vorbereiten.
- aria navigationaria navigation prüfen: nav-Landmarks, eindeutige Namen, aria-current und Fokusweg in einem interaktiven HTML-Labor testen und danach die URL scannen.
- aria pressedaria pressed im Toggle-Labor prüfen: false, true und mixed, stabilen Namen sowie Enter- und Leertasten-Bedienung testen, reparieren und Website scannen.
- aria requiredaria required im interaktiven Labor prüfen: required vs. aria-required, sichtbaren Hinweis, Leerwert-Sperre und verknüpften Fehler testen.
- aria roles htmlaria roles html prüfen: Element und Rolle abgleichen, native Semantik erkennen, unzulässige Kombinationen finden und besseren Code übernehmen.
- aria selectedaria selected interaktiv testen: Tabs, Listbox und Grid per Tastatur bedienen, Auswahl und Fokus trennen, ARIA-Zustände prüfen und Fehler reparieren.
- aria tablearia table im Strukturlabor prüfen: native Tabelle, table-Rolle und Grid vergleichen, Rollen, Zeilenindizes und aria-sort korrekt zuordnen.
- aria validatorARIA Validator für HTML-Snippets: Rollen, Attribute, Werte, ID-Referenzen und Fokuskonflikte prüfen, Fehler verstehen und echte Website scannen.
- wcag ariaWCAG-ARIA-Prüfer für HTML-Snippets: Rollen, Namen, Zustände und ID-Beziehungen testen, Befunde Kriterien zuordnen und anschließend die URL scannen.
CSS, Kontrast & Fokus
- color contrast checker websiteColor Contrast Checker für Websites: Hex-Farben mathematisch exakt gegen WCAG AA, AAA und Nicht-Text-Kontrast prüfen. Danach die vollständige URL scannen.
- css accessibilitycss accessibility direkt im Quellcode prüfen: Fokus, Kontrast, Motion, Reflow und versteckte Inhalte erkennen, reparieren und die Website scannen.
- css accessibility checkerCSS Accessibility Checker für Kontrast, Fokus, Bewegung, Hover-Zustände und Forced Colors. CSS direkt analysieren und danach die echte URL prüfen.
- css barrierefreiCSS barrierefrei machen: Fokus, Bewegung, Textabstand und Zustände in einer Reparaturstrecke verbessern, Patch kopieren und Website prüfen.
- css color contrastcss color contrast aus einer CSS-Regel berechnen: Text oder UI-Ziel wählen, WCAG-Verhältnis prüfen, passenden CSS-Fix kopieren und Website scannen.
- css contrast checkerCSS Contrast Checker für Text, großen Text und UI: Hex-Farben eingeben, WCAG-Verhältnis messen und einen passenden CSS-Wert übernehmen.
- css focus outlineCSS focus outline im Live-Labor testen: Stärke, Farbe, Kontrast, Offset und Clipping prüfen, Tastaturfokus simulieren und CSS-Fix übernehmen.
- css focus visibleCSS Focus Visible als bestehende Regel prüfen: Outline-Resets, Ringbreite, Abstand, Kontrast und Clipping durch Container-CSS direkt analysieren.
- css forced colorsCSS forced colors im Labor prüfen: Systempalette simulieren, Icons, Fokus und Controls vergleichen, CSS-Risiken finden und anschließend die Website scannen.
- css high contrast modeCSS high contrast mode simulieren: Forced Colors, Systemfarben, Konturen, Fokus, Bildsignale und Zustände im interaktiven Prüflabor absichern.
- css hover focusCSS hover focus im Zustandslabor prüfen: Maus, Tastatur und Touch vergleichen, Zusatzinhalte testen und einen barrierearmen CSS-Patch erzeugen.
- css keyboard focusCSS Keyboard Focus live testen: sichtbaren Fokus gestalten, Tab-Reihenfolge verfolgen und passenden :focus-visible-Code für die Website erzeugen.
- css prefers reduced motionCSS prefers reduced motion prüfen: Animation, Transition und Smooth Scroll inventarisieren, sichere Media Query erzeugen und Website-Scan vorbereiten.
- focus order htmlfocus order html im interaktiven Fahrplan prüfen: DOM-Reihenfolge, CSS order, tabindex und Dialogfokus vergleichen und Fehler gezielt reparieren.
- focus trap accessibilityFocus trap accessibility praktisch testen: Dialog öffnen, Tab-Zyklus prüfen, mit Escape schließen, Fokus zurückgeben und anschließend die Website scannen.
- focus trap javascriptfocus trap javascript im Labor testen: Tab-Zyklus, dynamische Controls, Escape und Fokus-Rückgabe ausführen, Code prüfen und Website-Scan vorbereiten.
- focus visible cssfocus visible css live testen: Eingabemodalität simulieren, Ringkontrast messen, Fallback und Forced Colors erzeugen sowie vorhandenes CSS prüfen.
- javascript focus visibleJavaScript focus visible testen: Tastatur- und Pointermodus simulieren, :focus-visible-Fallback synchronisieren, Code prüfen und Website-Scan starten.
- prefers reduced motion cssprefers reduced motion CSS prüfen: Bewegungsquellen bewerten, Nutzerpräferenz simulieren und sicheren Progressive-CSS-Code für die Website erzeugen.
- screen reader only cssScreen reader only CSS im Zustandsprüfstand testen: Accessibility Tree, Fokus-Reveal, RTL, 400-%-Zoom und Forced Colors prüfen und robuste Regel übernehmen.
- sr only cssSR only CSS im Zwei-Kanal-Labor prüfen: Einsatzfall wählen, Clipping, RTL und Fokus-Ausnahme testen, robustes CSS übernehmen und Website vorbereiten.
- visually hidden cssVisually hidden CSS im Labor prüfen: Clipping, RTL, Fokus-Ausnahme und Forced Colors testen, robustes Rezept kopieren und Website-URL vorbereiten.
- wcag csswcag css lokal prüfen: Verdächtige Deklarationen finden, Fundstellen WCAG-Kriterien und W3C-Techniken zuordnen und Prüfgrenzen erkennen.
JavaScript, CMS & Testautomation
- cypress accessibility testingcypress accessibility testing planen: UI-Zustände für axe-Scans wählen, manuelle Prüflücken markieren und eine belastbare Cypress-Spec erzeugen.
- drupal accessibility checkerDrupal Accessibility Checker als Release-Planer: Theme, Twig, CKEditor, Module, Views und gerenderte UI gezielt prüfen und danach die Website scannen.
- javascript accessibilityJavaScript Accessibility prüfen: Events, dynamische Inhalte, ARIA-State und Fokus in drei Szenarien testen – ohne fremden Code auszuführen.
- javascript barrierefreijavascript barrierefrei entwickeln: DOM-Interaktionen auf Semantik, Eingabe, Zustand, Fokus und dynamische Statusmeldungen prüfen.
- keyboard navigation javascriptkeyboard navigation javascript im Key-Event-Trace prüfen: keydown, Roving tabindex, Fokus, Escape, Rückgabe und Keycode-Fallen direkt erkennen.
- react accessibility checkerReact Accessibility Checker für JSX: Semantik, Namen, State, Fokus, IDs und A11y-Tests pro Komponenten-Zustand prüfen – ohne Code auszuführen.
- selenium accessibility testingSelenium accessibility testing als Zustandsplan: axe-Check, Tastaturweg, Fokus-Assertion und manuelle Gates für einen WebDriver-Test kombinieren.
- storybook accessibility testingstorybook accessibility testing planen: Story-Zustände, addon-a11y, Interaction Tests, CI-Gate und manuelle Prüfungen als klare Testmatrix kombinieren.
- wcag javascriptWCAG JavaScript interaktiv prüfen: Event-, Fokus- und Status-Code analysieren, Risiken begründet den Kriterien 2.1.1, 2.4.3, 4.1.2 und 4.1.3 zuordnen.
- wordpress accessibility checkerWordPress Accessibility Checker: gerendertes HTML lokal prüfen und Funde direkt Inhalt, Theme oder Plugin als Reparaturort zuordnen.
Komponenten & Interaktion
- accessible accordionAccessible accordion konfigurieren, Tastatur testen und HTML prüfen: Heading, Button, aria-expanded, aria-controls und Mehrfachzustand live untersuchen.
- accessible breadcrumbsAccessible breadcrumbs im Komponentenlabor erstellen: Pfad, Eltern-URLs, Navigation, aria-current und fertigen HTML-Code sofort prüfen.
- accessible button htmlaccessible button html im Labor bauen: Aufgabe, sichtbaren Namen, type, Zustand und natives Tastaturverhalten prüfen und korrektes Markup erhalten.
- accessible carouselAccessible Carousel im Abnahmelabor testen: Pause, Fokus-Stopp, Foliennamen, Live-Status und Tastatursteuerung direkt ausprobieren.
- accessible datepickerAccessible Datepicker im Komponentenlabor testen: Datumsformat, Kalender-Raster, Pfeiltasten, Monatsansage, Fehlercode und Fokus-Rückgabe direkt prüfen.
- accessible dropdownAccessible Dropdown richtig bauen: Native Select, Disclosure oder Menu Button wählen, Code und Tastaturvertrag prüfen und Website-Scan vorbereiten.
- accessible file uploadAccessible file upload im Komponentenlabor prüfen: Label, Dateiregeln, verknüpfte Fehler, Tastaturweg, Statusmeldung und Fortschritt direkt testen.
- accessible hamburger menuAccessible Hamburger Menu prüfen: Button, Name, aria-expanded, Escape und Fokus im Komponentenlabor testen und danach die echte Website scannen.
- accessible iframeAccessible iframe als Übergabevertrag prüfen: Zweck, Titel, Tastatur, Fokus, Medienalternative und Sandbox in einem interaktiven Labor.
- accessible linkAccessible link im Linkpass prüfen: sichtbaren Text, zugänglichen Namen, Kontext, Ziel, Erkennbarkeit und Tastaturfokus direkt testen.
- accessible login formAccessible login form interaktiv prüfen: Namen, Autocomplete, Paste, Fehler, Status, Fokus und kognitive Hürden vor dem Website-Scan abnehmen.
- accessible mega menuaccessible mega menu im Live-Labor prüfen: Navigation statt ARIA-Menü, Tab-Reihenfolge, aria-expanded, Escape und Fokus-Rückgabe testen.
- accessible menuAccessible menu als Website-Navigation oder App-Menü prüfen: HTML einfügen, Rollen, Links, Trigger und ID-Bezüge direkt auswerten.
- accessible modalAccessible Modal im Abnahmelabor testen: Dialogname, Initialfokus, Tab-Schleife, Escape, Rückfokus und gesperrten Hintergrund direkt prüfen.
- accessible navigationAccessible navigation im Komponentenlabor prüfen: Landmark, eindeutige Namen, aria-current und Fokusweg direkt im HTML testen.
- accessible paginationAccessible pagination live planen: Nav-Namen, aria-current, Linktexte, Fokus und Seiten-URLs in einer interaktiven Vorschau prüfen.
- accessible search formAccessible search form im Labor prüfen: Landmark, Label, Suchbutton, Ergebnisstatus und verknüpften Leerfehler testen und robusten HTML-Code erhalten.
- accessible svgAccessible SVG interaktiv prüfen: dekorativ, informativ oder funktional wählen, Code oder URL testen und passendes title-, desc- und ARIA-Markup erzeugen.
- accessible tableAccessible Table prüfen: HTML einlesen, Caption, scope, Sortierstatus und mobile Lesereihenfolge in einer echten Tabellenvorschau abnehmen.
- accessible tabsAccessible tabs interaktiv bauen: automatische oder manuelle Aktivierung, Pfeiltasten, roving tabindex und ARIA-ID-Beziehungen direkt testen.
- accessible tooltipAccessible tooltip im Komponentenlabor prüfen: Hover, Fokus, Escape, Überfahrbarkeit, Persistenz und aria-describedby live sowie in Code und URL testen.
- html table accessibilityhtml table accessibility im Labor prüfen: caption, th, scope, id und headers analysieren, Zellbeziehungen lesen und einen HTML-Fix erzeugen.
- keyboard navigation accessibilityKeyboard navigation accessibility im Fokuspfad-Labor prüfen: visuelle und DOM-Reihenfolge vergleichen, Fokus durchlaufen und Website-URL scannen.
- wcag navigationWCAG Navigation interaktiv prüfen: Skip-Link, Fokus-Reihenfolge, sichtbaren Fokus, konsistente Menüs und Standort-Markierung simulieren.
HTML, Semantik & Inhalte
- a11y htmla11y html Labor: Ausschnitt prüfen, Rollen, Namen und Tastaturvertrag verstehen, konkrete HTML-Fixes anwenden und die veröffentlichte Website scannen.
- alt text checkerAlt Text Checker für HTML: Bilder inventarisieren, Bildzweck festlegen und fehlende, leere oder unpassende Alternativtexte konkret korrigieren.
- alt text htmlAlt Text HTML prüfen: Bilder aus HTML inventarisieren, Funktion und Textumfeld bewerten, konkrete Alt-Texte einsetzen und korrigiertes Markup ausgeben.
- fieldset legend htmlfieldset legend html live prüfen: Formularoptionen gruppieren, Legendennamen testen, Screenreader-Ansage hören und korrektes HTML übernehmen.
- form accessibilityForm Accessibility fokussiert prüfen: Namen, Gruppen, Fehlerbezug, Statusmeldungen und Autocomplete in HTML testen und anschließend die Website scannen.
- heading hierarchy checkerHeading hierarchy checker für HTML: H1 bis H6 lokal auslesen, Ebenensprünge, leere Überschriften und zusätzliche H1 als nachvollziehbare Outline prüfen.
- heading hierarchy htmlheading hierarchy html als Strukturbaum prüfen: Ebenensprünge, leere und versteckte Überschriften erkennen, Elternpfade lesen und Codefix erzeugen.
- heading structure checkerHeading Structure Checker für H1 bis H6: HTML einfügen, Überschriftenstruktur visualisieren, Ebenensprünge finden und direkt korrigieren.
- html a11yhtml a11y lokal prüfen: Struktur, zugängliche Namen, Formularlabels und Dokumentsprache mit Zeilenbefunden untersuchen und Website anschließend scannen.
- html accessibility checkerHTML Accessibility Checker für Codeausschnitte: Semantikfehler finden, Auswirkungen verstehen, Änderungen ableiten und die Website scannen.
- html accessibility testHTML Accessibility Test für Codeausschnitte: Sprache, Titel, main, Alt-Texte, Formularnamen, Bedienelemente und Überschriften direkt prüfen.
- html accessibility validatorHTML Accessibility Validator im Browser: Ausschnitt auf Namen, Labels, Alt-Texte, IDs und Überschriften prüfen und danach die veröffentlichte URL scannen.
- html form accessibilityhtml form accessibility prüfen: Labels, Gruppen, Autocomplete, Hilfe, Fehler und Submit im eingefügten Formularcode auditieren und reparieren.
- html heading checkerHTML Heading Checker für H1 bis H6: Code einfügen, Überschriftenstruktur visualisieren, Ebenensprünge und leere Headings direkt erkennen.
- html lang attributeHTML lang attribute im Code prüfen: Seitensprache, BCP-47-Syntax, Soll-Sprache und Sprachwechsel testen, konkrete Korrektur erhalten und Website scannen.
- html validator accessibilityHTML validator accessibility für Codeausschnitte: Sprache, Landmarken, Alt-Texte, Labels, Namen und ARIA-Bezüge lokal prüfen und konkrete Befunde verstehen.
- iframe title accessibilityiframe title accessibility praktisch prüfen: fehlende, generische und doppelte Titel finden, dynamische Inhalte markieren und passendes HTML erzeugen.
- image alt checkerImage Alt Checker für HTML: Bilder inventarisieren, Zweck festlegen und fehlende, leere oder unklare Alt-Texte mit konkretem Markup korrigieren.
- img alt htmlimg alt html praktisch lösen: Bilder aus Markup wählen, Zweck und Link- oder Figure-Kontext testen, Alt-Text einsetzen und korrigierten HTML-Code ausgeben.
- input label htmlinput label html im Labor prüfen: for und id verbinden, Feldnamen, Hilfen und Fehlertexte testen, Reparatur übernehmen und Website scannen.
- keyboard accessibility htmlkeyboard accessibility html im Fokus-Schaltplan prüfen: native Controls, DOM-Reihenfolge, tabindex und Skip-Ziele analysieren und Website scannen.
- link text accessibilityLink text accessibility direkt prüfen: Linkzweck, Kontext, gleiche Namen, Dateitypen und neue Fenster in einer Screenreader-Linkliste analysieren.
- select label htmlselect label html live prüfen: Label, for und id, Pflichtfeld-Startoption, optgroup, Hilfe und Fehler verbinden, HTML reparieren und URL scannen.
- semantic html accessibilitysemantic html accessibility im Labor: Divs, ARIA und native Elemente vergleichen, Landmarken sichtbar machen und robustes HTML erzeugen.
- semantic html checkersemantic html checker für Landmarken, Überschriften und native Elemente: HTML einfügen, Befunde erklären lassen und veröffentlichte Website prüfen.
- skip link htmlSkip link HTML im Tastaturlabor prüfen: ersten Fokus, Ziel-ID, sichtbaren Fokus und mehrere Bypass-Wege testen. Mit Codebefund und Website-Scan.
- wcag alt textWCAG Alt Text interaktiv prüfen: Bildzweck, alt-Attribut und Folgeanforderungen aus 1.1.1, 1.4.5 und 4.1.2 richtig zuordnen.
- wcag htmlWCAG-HTML-Mapper: Markup lokal prüfen, Fundstellen Techniken und Erfolgskriterien zuordnen und Grenzen automatischer Tests erkennen.
- website html validatorWebsite HTML Validator für semantische Warnsignale: Überschriften, Alt-Attribute, Formularnamen, Links, Buttons, IDs und Seitensprache im Ausschnitt prüfen.
Prüfen, Audit & Monitoring
- a11y validatorA11y Validator für HTML: Sprache, Seitentitel, Alternativtexte, Feldlabels, Namen und Überschriften direkt im Browser prüfen.
- accessibility test onlineAccessibility Test Online für HTML: Sprache, Alt-Texte, Labels, Namen, Überschriften und IDs lokal prüfen – danach die vollständige Website scannen.
- automated accessibility testingAutomated Accessibility Testing direkt ausprobieren: HTML-Snippet mit fünf nachvollziehbaren Regeln prüfen und Grenzen automatischer WCAG-Tests erkennen.
- details summary accessibilitydetails summary accessibility direkt prüfen: Reihenfolge, zugänglichen Namen, native Zustände und Tastaturfokus testen und robustes HTML erzeugen.
- html5 accessibilityHTML5 Accessibility praktisch prüfen: HTML-Ausschnitt auf native Semantik, Landmarks, Bedienelemente und WCAG-Warnsignale analysieren, danach die URL scannen.
- keyboard accessibilityKeyboard accessibility praktisch prüfen: HTML einfügen, Tab-Reihenfolge sichtbar machen und unerreichbare Interaktionen oder positive tabindex erkennen.
- screen reader test websiteScreen reader test website: Semantik, Überschriften, Namen und Statusmeldungen in einer interaktiven Vorschau prüfen und Befunde priorisieren.
- wcag 2.2 checklisteWCAG 2.2 Checkliste für die Abnahme: 55 A/AA-Kriterien nach Release-Fokus und Risiko priorisieren, Zustände dokumentieren und URL-Check starten.
- wcag audit toolWCAG Audit Tool für HTML und URLs: maschinell erkennbare Befunde prüfen, WCAG-2.2-Kriterien zuordnen und manuelle AA-Tests sauber trennen.
- wcag web accessibilityWCAG Web Accessibility praktisch triagieren: HTML auf klare Fundstellen prüfen oder für eine URL einen priorisierten WCAG-2.2-Prüfplan erstellen.
- web accessibility auditWeb Accessibility Audit starten: HTML-Probe auf WCAG-Warnsignale prüfen, Befunde mit Kriterien und Maßnahmen lesen und die gesamte Website scannen.
- web accessibility checklistWeb Accessibility Checklist als interaktive Triage: Seitentyp wählen, acht WCAG-Prüfungen bewerten, Befunde priorisieren und danach die Website scannen.
- web accessibility monitoringWeb Accessibility Monitoring interaktiv planen: kritische Seitengruppen, Scan-Takt, Release-Trigger und Regressionen gegenüber einer Baseline priorisieren.
- web accessibility scanWeb Accessibility Scan als lokaler HTML-Preflight: Sprache, Alternativtexte, Formularnamen, Bedienelemente und Überschriften direkt prüfen.
- website accessibility auditWebsite Accessibility Audit planen: Scope, WCAG-Ziel, repräsentative Seiten, vollständige Prozesse und Zufallsstichprobe festlegen – danach Website scannen.
- website accessibility checklistInteraktive Website Accessibility Checklist: Seitentyp wählen, acht WCAG-nahe Prüfungen priorisieren, Befunde dokumentieren und die URL scannen.
- website accessibility monitoringWebsite Accessibility Monitoring planen: Baseline und Folgelauf vergleichen, Scan-Takt, Seitenumfang, Release-Gate und manuelle Stichprobe festlegen.
- website accessibility scanWebsite Accessibility Scan starten: HTML lokal auf acht WCAG-Warnsignale prüfen, Fundstellen verstehen und anschließend die vollständige Website scannen.
- website barrierefreiheit checkWebsite Barrierefreiheit Check mit sechs geführten Prüfungen für Tastatur, Fokus, Reflow, Struktur, Formulare und Bewegung – plus vollständigem URL-Scan.
- website screenreader testWebsite Screenreader Test vorbereiten: erwartete Ausgaben für Überschrift, Feldname, Linkzweck und Status prüfen, Befunde priorisieren und URL scannen.