MusterGmbH

So testen Sie die Funktionen

Öffnen Sie das Widget unten rechts. Diese Seite enthält bewusst Inhalte, an denen sich jede Funktion sichtbar auswirkt:

  • Text & Lesbarkeit: Schriftgröße, einfache Schrift, Zeilen-/Wort-/Zeichenabstand → Abschnitt Text.
  • Farbe & Kontrast: Kontrast, Schwarz-weiß, Sättigung, Farbwähler → überall, gut im Text & bei Medien.
  • Navigation & Zeiger: Links hervorheben, Fokus, Maus-Hervorhebung, großer Zeiger, Lichtbalken, Lupe → Maus über Text/Links bewegen.
  • Medien & Bewegung: Bilder ausblenden, Ton stumm, Video pausieren, Animationen reduzieren → Abschnitt Medien.
  • Vorlesen & Eingabe: „Texte vorlesen" → dann Absatz anklicken; „Virtuelle Tastatur" → ins Formular klicken und tippen.

Dynamisch nachgeladener Inhalt

Aktivieren Sie zuerst eine Funktion (z. B. „Links hervorheben", „Bilder ausblenden", „Schriftgröße" oder „Fokus hervorheben") und laden Sie dann hier neuen Inhalt nach — wie bei einem AJAX-Request oder einem React-/SPA-Re-Render. Der neue Inhalt sollte sofort dieselbe Behandlung erhalten wie der Rest der Seite.

Barrierefreiheit, die einfach dazugehört.

Diese Demo-Seite zeigt das Netigo Accessibility Widget im echten Einsatz. Öffnen Sie unten rechts den Button und probieren Sie die Funktionen aus.

Mehr erfahren Kontakt aufnehmen

Leistungen

Wir gestalten digitale Produkte, die für alle nutzbar sind. Weitere Informationen finden Sie in unserem FAQ-Bereich oder direkt bei den WCAG-Richtlinien (extern).

Webentwicklung

Moderne, performante und zugängliche Websites nach WCAG 2.2.

Details ansehen

Beratung

Wir begleiten Ihr Team von der Analyse bis zur Umsetzung.

Details ansehen

Audits

Strukturierte Prüfung Ihrer bestehenden Anwendungen.

Details ansehen

Text & Typografie

Seit vielen Jahren entwickeln wir digitale Lösungen. Dieser langgezogene Textabschnitt hilft dabei, die Wirkung von Schriftgröße, Zeilenabstand, Wortabstand und Zeichenabstand zu beurteilen. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Ein Zwischentitel (Test: Überschriftfarbe)

Ein Absatz mit einem internen Link und einem externen Link — gut geeignet für „Links hervorheben" und „Linkfarbe". Klicken Sie diesen Absatz bei aktivem Texte vorlesen an, um ihn vorlesen zu lassen.

„Gutes Design ist barrierefreies Design." — ein Zitat zum Testen von Textfarbe und Kontrast.
  • Ein Listenpunkt zum Vorlesen und für Abstände.
  • Noch ein Punkt mit einem Link zu Medien.
  • Ein dritter Punkt für längere Leseabschnitte.

Medien

Zum Testen von „Bilder ausblenden", „Schwarz-weiß"/„Kontrast" (auf Bildern), „Ton stummschalten", „Video pausieren" und „Animationen reduzieren".

Buntes Beispielbild
Bild (<img>)
CSS-Hintergrundbild
Video (autoplay) — Test: „Video pausieren"
Ton starten, dann „Ton stummschalten" testen (Ton verstummt).
Laufende Animationen — Test: „Animationen reduzieren" (stoppen).

Formular

Zum Testen der virtuellen Tastatur (in ein Feld klicken und über die Bildschirmtastatur tippen) und der Fokus-Hervorhebung (mit Tab durch die Felder).

Bevorzugter Kontaktweg

Häufige Fragen