Prüfbericht zur digitalen Barrierefreiheit

Zusammenfassung

shop.demostore-example.com erfüllt derzeit die Stufe AA nicht. Wir haben 37 verschiedene Probleme in den sechs geprüften Templates gefunden. Sechs davon sind kritisch — in diesem Bericht heißt das: Kundinnen und Kunden, die Tastatur oder Screenreader nutzen, kommen ohne fremde Hilfe nicht daran vorbei.

Drei dieser sechs liegen direkt auf dem Weg zum Kauf. Das Cookie-Banner lässt sich nicht mit der Tastatur schließen, wer also ohne Maus surft, gelangt gar nicht erst in den Shop. Die Warenkorb- und Mengen-Schaltflächen werden nur als „Schaltfläche“ angesagt, sodass Screenreader-Nutzende „Artikel entfernen“ nicht von „einen weiteren hinzufügen“ unterscheiden können. Und wenn die Kasse eine Adresse ablehnt, wird nichts angesagt — das Formular wirkt einfach, als reagiere es nicht.

Nichts davon erfordert ein Redesign. Die gesamte Maßnahmenliste sind etwa 11–15 Entwicklerstunden, und das meiste ist Markup: Beschriftungen, zugängliche Namen, Fokussteuerung und vier Farbwerte. Das visuelle Design bleibt unverändert.

Diese 37 Punkte zu beheben bringt den geprüften Umfang am Tag der Nachprüfung auf Stufe AA. Dauerhaft konform wird die Website damit nicht: Barrierefreiheit bricht mit dem nächsten Theme-Update oder dem nächsten Schwung Produktfotos wieder. Dafür gibt es die monatliche Nachkontrolle.

Ergebnisübersicht

Der Score ist ein eigener gewichteter Index von EAA Comply aus Schweregrad, Häufigkeit und der Position im Kaufprozess. Er dient dazu, den Fortschritt zwischen Audits zu messen. Er ist kein genormtes Maß — WCAG kennt keinen Score, sondern je Kriterium nur erfüllt oder nicht erfüllt.

Probleme nach Schweregrad

Konformität nach Erfolgskriterium (Auszug)

Der gelieferte Bericht deckt alle 56 Kriterien der Stufen A und AA aus WCAG 2.1 und 2.2 ab, jeweils mit dem Nachweis zum Urteil und als nicht anwendbar markiert, wo die Website keine entsprechenden Inhalte hat. Dies ist ein repräsentativer Auszug.

Der Maßnahmenplan, in der Reihenfolge, in der wir vorgehen würden

Sortiert nach Kundenwirkung geteilt durch Aufwand, nicht allein nach Schweregrad. F-02 ist eine Stunde Arbeit, die zwölf Bedienelemente freischaltet, und steht deshalb vor langsameren Punkten desselben Schweregrads.

Befunde im Detail

Sechs der 37 Befunde sind unten in genau dem Format wiedergegeben, das der vollständige Bericht verwendet. Jedes Problem wird so dokumentiert; im Paket „Begleitete Korrekturen“ kommt der korrigierte Code für Ihr System dazu.

<div class="cc-bar" tabindex="-1">
  <span class="cc-ok" onclick="acceptAll()">Accept</span>
</div>

<div class="cc-bar" role="dialog" aria-modal="true"
     aria-labelledby="cc-title">
  <h2 id="cc-title">Cookies</h2>
  <button type="button" class="cc-ok">Accept</button>
  <button type="button" class="cc-no">Reject non-essential</button>
</div>

<button class="qty-up">
  <svg viewBox="0 0 16 16">...</svg>
</button>

<button type="button" class="qty-up" aria-label="Increase quantity">
  <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false">...</svg>
</button>

<input type="text" name="postcode" placeholder="Postcode">

<label for="ship-post">Postcode</label>
<input type="text" id="ship-post" name="postcode"
       autocomplete="postal-code">

<div class="err"></div>
<input type="email" id="mail" class="is-error">

<input type="email" id="mail" aria-invalid="true"
       aria-describedby="mail-err">
<div id="mail-err" class="err" role="alert">
  Email address: enter an address in the form name@example.com.
</div>

.price--sale { color: #e05c5c; }   /* 3.59:1 on white */
.site-foot a { color: #8b95a5; }   /* 2.86:1 on #f6f9fc */

.price--sale { color: #c0392b; }   /* 5.44:1 on white */
.site-foot a { color: #5a6678; }   /* 5.51:1 on #f6f9fc */

<img src="/img/product-img-04.jpg" alt="product-img-04.jpg">

<img src="/img/product-img-04.jpg"
     alt="Navy wool scarf, folded, showing the ribbed weave">

Was die automatische Prüfung gefunden hat — und was nicht

axe-core hat 14 der 37 Probleme gefunden. Die anderen 23 stammen aus manuellen Tests mit Screenreader und Tastatur. Dieses Verhältnis ist normal, und genau deshalb ist ein Scan kein Audit: Automatische Regeln sind gut in dem, was eine Maschine messen kann — ein fehlendes Attribut, ein Kontrastverhältnis, eine doppelte ID — und blind dafür, ob ein Name etwas aussagt, ob der Fokus einen Dialog verlassen kann oder ob eine Fehlermeldung tatsächlich hilft. F-01 und F-06 sind hier die klarsten Beispiele: Das eine ist für den Scanner unsichtbar, das andere wird von ihm als erfüllt verbucht.

Umfang, Grenzen und was wir nicht geprüft haben

• •Der Bezahlschritt ist ein gehosteter Iframe des Zahlungsdienstleisters. Wir haben geprüft, dass der Fokus korrekt hinein- und wieder herausgelangt; das Markup darin gehört dem Dienstleister und kann vom Shop nicht geändert werden.
• •PDF-Rechnungen und die zwei Marketingvideos liegen außerhalb des Umfangs dieses Berichts. Beide fallen unter das BFSG bzw. den EAA und können separat angeboten werden.
• •Die Befunde beschreiben die Website im Zustand vom 24. bis 27. Juni 2026. Theme-Updates, neue Plugins und neue Produktinhalte können danach Probleme erneut einführen.
• •Dies ist eine technische Bewertung, keine Rechtsberatung. EAA Comply ist ein unabhängiger Prüfdienst, keine Behörde und keine Zertifizierungsstelle.

Wie es weitergeht

• →Ihre Entwicklung arbeitet den Maßnahmenplan ab. Alles darin ist Markup, CSS und Fokussteuerung — nichts davon erfordert ein Redesign.
• →Sagen Sie uns Bescheid, wenn es fertig ist, und wir prüfen denselben Umfang erneut. Die Nachprüfung ist enthalten.
• →Sobald der Umfang besteht, stellen die kostenpflichtigen Pakete das technische Konformitätszertifikat aus. Für diesen fiktiven Shop ist das Musterzertifikat EAAC-2026-0428-17A, die andere Hälfte dieses Beispiels.
• →Ihre Barrierefreiheitserklärung wird aus diesen Befunden geschrieben und bei jeder Nachprüfung aktualisiert. Ein Auszug des Entwurfs steht unten.

Passendes Musterzertifikat ansehen →

Ihre Barrierefreiheitserklärung (Auszug aus dem Entwurf)

Die gelieferte Erklärung ist vollständig, datiert und veröffentlichungsfertig; dieser Auszug zeigt die Teile, die aus dem Audit stammen. Sie sagt „teilweise konform“, weil das am Tag der Prüfung zutraf. Bei der Nachprüfung wird sie neu geschrieben.

© 2026 EAA Comply — ← Zurück zu eaacompliance.com · hello@eaacompliance.com