Muster-Prüfbericht

Seht unsere Arbeit, bevor ihr fragt

Ein anonymisierter Beispielbericht nach dem BITV-Test-Verfahren – Befunde, Screen-Reader-Protokoll und echte Vorher/Nachher-Code-Fixes. Ihr könnt ihn komplett hier lesen, ohne Formular – so seht ihr, wie wir arbeiten, bevor ihr auch nur eine E-Mail schreibt.

Beispielbericht ansehen Als PDF anfordern

Was im Bericht steht

Zusammenfassung mit BFSG-/WCAG-2.2-Konformitätsstatus auf einen Blick

Ergebnis nach BITV-Test-Verfahren (104 Prüfschritte), Kategorien Wahrnehmbar / Bedienbar / Verständlich / Robust

Priorisierte Fehlerliste mit Screenshot, betroffenem Element und konkreter Code-Empfehlung

Screen-Reader- und Tastatur-Testprotokoll (NVDA / VoiceOver)

Fertige Barrierefreiheitserklärung als Vorlage – projektspezifisch anpassbar

Alles im neutralen Layout, auf Wunsch in eurem Corporate Design

Ausschnitt: so sieht die Fehlerliste aus

Beispielhafte Darstellung des Berichtsformats – keine reale Kundenwebsite.

WCAG-Kriterium	Status	Empfehlung
1.4.3 Kontrast (AA)	Fehler	Button-Text #8A8A8A auf #FFF → 3,45:1 (unter 4,5:1 für Normaltext). Auf mind. 4,5:1 anheben.
2.1.1 Tastatur	Fehler	Custom-Dropdown nicht per Tastatur bedienbar. Als <button> + <ul> mit Key-Handler umsetzen.
3.3.2 Beschriftungen	Fehler	Checkout-Formular: 4 Felder ohne <label>. Sichtbare, programmatisch verknüpfte Labels ergänzen.
4.1.2 Name, Rolle, Wert	Fehler	Icon-Button ohne zugänglichen Namen. aria-label ergänzen.
2.4.7 Fokus sichtbar	Fehler	outline:none ohne Ersatz. Sichtbaren Fokus-Ring (:focus-visible) definieren.
1.1.1 Nicht-Text-Inhalt	OK	Alle inhaltlichen Bilder mit sinnvollem Alt-Text.

Vom Befund zum Fix – echter Code

Beispiel: ein per Tastatur nicht bedienbares Custom-Dropdown, nach WCAG 2.2 behoben (2.1.1 & 4.1.2).

Vorher — nicht bedienbar

<div class="dropdown">
  <div class="toggle"
       onclick="open()">Sprache</div>
  <div class="menu">
    <div onclick="pick('de')">Deutsch</div>
    <div onclick="pick('en')">English</div>
  </div>
</div>

Nachher — tastatur- & screenreader-fest

<button aria-expanded="false"
        aria-controls="lang-menu"
        class="toggle">Sprache</button>
<ul id="lang-menu" hidden>
  <li><a href="?lang=de">Deutsch</a></li>
  <li><a href="?lang=en">English</a></li>
</ul>
<!-- Escape schließt, Fokus zurück
     auf den Button -->

Screen-Reader-Protokoll (Auszug, NVDA)

Vorher: „Sprache" – kein Hinweis auf Bedienbarkeit, per Tab nicht erreichbar.
Nachher: „Sprache, Schaltfläche, eingeklappt" → Enter → „Liste mit 2 Einträgen, Deutsch, Link".

Unter eurer Marke – und nie euer Wettbewerber

Den fertigen Bericht liefert ihr unter eurem Corporate Design an euren Kunden. Barrierefix taucht nirgends auf – und weil wir ausschließlich Barrierefreiheit machen, können wir euren Kunden gar nicht übernehmen. Vertragliche Nicht-Abwerbung inklusive, abgesichert durch eine Vertragsstrafe von 25.000 € pro Verstoß.

Muster anfordern oder direkt anfragen

White-Label-Angebot anfordern Partner-Preise ansehen