Prüfen Sie das gerenderte Frontend, nicht nur den Quelltext.

Die Browser-Erweiterung von Website-Check untersucht die tatsächlich dargestellte Seite nach der JavaScript-Ausführung: inklusive dynamischer Inhalte und lokaler Entwicklungsumgebungen, die öffentlich nicht erreichbar sind.

Website prüfen Funktionen entdecken

Bildmotiv: Browser-Erweiterung mit hervorgehobener Fundstelle

Vom Befund zur Fundstelle

Jeder Befund nennt die betroffenen Elemente als Selektor, zum Beispiel main .teaser > img. Die Erweiterung hebt die Fundstelle direkt auf der geprüften Seite hervor; als Fallback gibt es den HTML-Ausschnitt und den direkten Seitenaufruf.

Jede Maßnahme liefert technische Hinweise und ein Umsetzungsbeispiel. Ein typischer Fund ist ein unterdrückter sichtbarer Fokus. Die Korrektur ist eine kurze CSS-Regel statt outline: none.

Dasselbe Prinzip gilt bei Bildern: Ein dekoratives Bild bekommt ein leeres alt="", ein informatives einen Alternativtext, der seinen Zweck beschreibt.

/* Sichtbarer Fokus (WCAG 2.4.7) */
a:focus-visible,
button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

Entwicklerwerkzeuge

Ihr Werkzeugkasten im Portal

Alles, was Sie brauchen, um Befunde zu finden, zu korrigieren und die Korrektur zu belegen.

Lokale Seiten prüfen

Entwicklungs- und Vorschau-Umgebungen lassen sich über die Erweiterung prüfen, auch ohne öffentliche Erreichbarkeit. Grundlage sind Browser-Messungen mit axe-core.

Fundstellen lokalisieren

Betroffene Elemente werden per Selektor benannt und auf der Seite hervorgehoben. Kein Suchen im Quellcode, keine Screenshots mit Pfeilen.

Hinweise und Beispiele

Jede Maßnahme erklärt das Problem, nennt den Lösungsweg und zeigt ein Code- oder Umsetzungsbeispiel, inklusive CMS-spezifischer Hinweise.

Einzeltests nach Korrektur

Eine einzelne Adresse lässt sich separat nachprüfen. Sie müssen für eine Verifizierung nicht den ganzen Prüflauf wiederholen.

Regressionen erkennen

Der Vergleich der Prüfläufe zeigt neue, behobene und erneut aufgetretene Befunde. Was zurückkommt, bleibt nicht unbemerkt.

Aufgaben übergeben

Befunde mit Fundstelle und Beispiel lassen sich anderen Projektbeteiligten zuweisen, etwa Redaktion, Design oder dem Kunden.

Erledigt gemeldet ist nicht behoben

Erst eine neue Prüfung verifiziert eine Korrektur technisch. So liest sich die Statuslogik einer Maßnahme:

Statuslogik einer Maßnahme vor und nach einer neuen Prüfung
Status	Bedeutung
offen	Der Befund ist bestätigt und noch nicht bearbeitet.
erledigt gemeldet	Als fertig markiert, aber noch nicht von einer neuen Prüfung bestätigt.
technisch verifiziert	Eine neue Prüfung findet den Befund nicht mehr.
wieder aufgetreten	Der Befund ist erneut aufgetaucht: eine Regression.
nicht relevant	Begründete Ausnahme, dokumentiert mit Grund.

Prüfen, wo Sie entwickeln. Verifizieren, was Sie korrigiert haben.

Browser-Erweiterung, Selektoren und Einzeltests: Werkzeuge, die in Ihren Arbeitsablauf passen.

Website prüfen