Fix-Report

Barrierefreiheits-Report

Wir testen Ihre Website in einem echten Browser nach WCAG 2.2 A und AA, gehen ihren Hauptpfad nur mit der Tastatur durch (bei einem Shop bis zum Checkout-Button) und geben Ihren Entwicklern für jede Barriere die passende Änderung, erstellt aus Ihrem eigenen Markup.

  • Bis zu 25 Seiten getestet
  • Tastatur-Durchlauf
  • 5 Nachtests inklusive

Was wir prüfen

  • Regeln nach WCAG 2.2 A und AA

    Automatisierte axe-core-Tests auf Ihren wichtigsten Seiten und bis zu 20 weiteren aus Ihrer Sitemap: Alternativtexte, Farbkontrast, Namen für Buttons und Links, Formularbeschriftungen, Überschriften, Landmarks und ARIA.

  • Tastatur-Durchlauf

    Nur mit der Tastatur: bei einem Shop von der Startseite zu Produkt, Optionen, „In den Warenkorb“ und Warenkorb, mit Stopp am Checkout-Button; bei anderen Websites von der Startseite zur wichtigsten Seite, zu ihrer zentralen Handlungsaufforderung und zu ihren Formularfeldern. Es wird nie etwas abgesendet.

  • Fokusfallen und sichtbarer Fokus

    Ob der Fokus hängen bleibt, etwa in einem Cookie-Banner, und ob Besucher sehen, wo er sich befindet.

  • Reflow auf dem Smartphone bei 320 px

    Ob Seiten auf einem kleinen Smartphone seitliches Scrollen erfordern (WCAG 1.4.10).

  • Vorwurfsabgleich zum Forderungsschreiben

    Wenn Sie ein Schreiben einfügen, wird jeder Vorwurf dem gegenübergestellt, was unsere Tests reproduziert haben, mit der Anzahl der Vorkommen pro Seite.

  • Punkte zur manuellen Prüfung

    Was die Tests markieren, aber nicht entscheiden können, etwa Text über Bildern, jeweils mit einer Anleitung zur Prüfung.

Was Sie erhalten

  • Eine priorisierte Liste: zuerst beheben, danach beheben, verbessern
  • Vorher-nachher-Code, erstellt aus jedem fehlerhaften Element
  • Anleitungen für Shopify, WordPress, WooCommerce oder die erkannte Plattform
  • Ein fertiger KI-Prompt für jeden Befund
  • Screenshots mit markiertem fehlerhaftem Element
  • Ein Entwurf einer Erklärung zur Barrierefreiheit und ein Nachweisprotokoll
  • 5 Nachtests zur Bestätigung Ihrer Korrekturen und ein PDF

So entsteht der Report

  1. 1

    Die fünf Seiten Ihres kostenlosen Scans und bis zu 20 weitere aus Ihrer Sitemap werden in Chromium geladen und mit axe-core getestet.

  2. 2

    Eine separate Browsersitzung geht den Hauptpfad der Website nur mit der Tastatur durch und dokumentiert jeden Schritt, mit einem Screenshot, wo etwas fehlschlägt.

  3. 3

    Für jeden Fehler wird eine Lösung für Ihre Plattform geschrieben; anschließend wird der Report zusammengestellt und Ihnen per E-Mail geschickt.

Befunde aus dem Beispielreport

Echte Ausgabe für Harbor & Pine, einen fiktiven Shop, den wir mit typischen Problemen gebaut haben.

Vollständigen Beispielreport öffnen
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

Was nicht abgedeckt ist

  • Screenreader-Ausgabe, Untertitel und Audiodeskription (eine Checkliste zur manuellen Prüfung ist enthalten)
  • Checkout, Zahlung und das Absenden von Formularen
  • Seiten hinter einem Login
  • Rechtsberatung oder ein Zertifikat über ADA- oder EAA-Konformität

Fragen zu diesem Report

Ist das ein vollständiges WCAG-Audit?

Es ist ein automatisiertes Audit plus ein Tastatur-Durchlauf. Automatisierte Tests finden einen Teil der WCAG-Probleme einer Website, deshalb listet der Report auch auf, was manuell geprüft werden muss und wie das geht.

Hilft der Report bei einem ADA-Forderungsschreiben?

Wenn Sie das Schreiben einfügen, zeigt der Report mit Belegen, welche Vorwürfe unsere Tests auf Ihrer Website reproduzieren. Das ist eine sachliche Dokumentation, keine Rechtsberatung; besprechen Sie das Schreiben selbst mit einem Anwalt.

Für welche Plattformen ist der Code geeignet?

Die Lösungen werden für die erkannte Plattform geschrieben: Shopify-Themes, WordPress und WooCommerce, Webflow, BigCommerce, Wix, Squarespace, Frameworks wie Next.js oder reines HTML. Wo wir Ihren Quellcode nicht sehen können, sind Dateipfade als Hinweise angegeben.

Was sind die 5 Nachtests?

Nachdem Ihre Entwickler Änderungen vorgenommen haben, können Sie dieselben Prüfungen aus dem Report heraus bis zu fünfmal erneut ausführen und sehen, welche Probleme nicht mehr reproduziert werden.

Passende Ratgeber

Weitere Reports

Prüfen Sie Ihre Website noch heute

Finden. Beheben. Überprüfen.

Was für eine Website ist das?

Ihre Antwort wählt die passenden Prüfungen, etwa den Einkaufsweg für Onlineshops. Wir prüfen trotzdem die Hinweise der Website selbst und zeigen beides.

Was für eine Website ist das?

Kostenloser Scan. Keine Kreditkarte nötig.