Zum Hauptinhalt springen

Detaillierter Bericht

Was ist die Seite "Detaillierter Bericht"?​

Die Seite "Detaillierter Bericht" zeigt alle Details eines einzelnen Barrierefreiheits-Scans. Hier können Sie alle auf der Seite gefundenen Probleme, Statistiken, Empfehlungen zur Behebung und technische Informationen für Entwickler sehen.

Wie greift man darauf zu?​

Sie können auf einen detaillierten Bericht auf verschiedene Weise zugreifen:

  • Von der Seite Scans: Klicken Sie auf die Schaltfläche "Bericht anzeigen" neben einem abgeschlossenen Scan
  • Von der Seite Sitemap: Klicken Sie auf die Schaltfläche "Bericht anzeigen" neben einer gescannten URL
  • Von der Seite Probleme: Klicken Sie auf ein Problem, um den Bericht des zugehörigen Scans zu sehen

Scan-Informationen​

Oben im Bericht sehen Sie drei Hauptinformationen:

Analysierte URL​

Die vollständige Adresse der gescannten Seite. Sie können auf diesen Link klicken, um die Seite in Ihrem Browser zu öffnen.

Scan-Datum​

Das Datum und die Uhrzeit, zu der der Scan durchgeführt wurde. Dies hilft Ihnen zu verstehen, wann die Probleme erkannt wurden.

Gesamtprobleme​

Die Gesamtzahl der auf der Seite gefundenen Probleme. Sie umfasst alle Typen: kritisch, Warnungen und Informationen.

Schweregrad-Statistiken​

Dieser Abschnitt zeigt, wie Probleme nach ihrem Schweregrad verteilt sind:

Kritisch​

Die Anzahl der gefundenen kritischen Probleme. Dies sind die schwerwiegendsten Probleme, die den Zugriff auf Inhalte für Benutzer mit Behinderungen verhindern oder sehr erschweren. Sie müssen vorrangig behoben werden.

Warnungen​

Die Anzahl der gefundenen Warnprobleme. Diese Probleme reduzieren die Benutzerfreundlichkeit, verhindern aber nicht vollständig den Zugriff. Es ist ratsam, sie zu beheben, um die Benutzererfahrung zu verbessern.

Informationen​

Die Anzahl der gefundenen Informationsvorschläge. Dies sind Tipps zur Verbesserung der Barrierefreiheit, die nicht kritisch sind, aber die Website noch zugänglicher machen können.

WCAG-Konformität​

Dieser Abschnitt zeigt, wie viele Probleme die verschiedenen Ebenen der WCAG-Standards verletzen:

Level A​

Die Anzahl der Probleme, die WCAG Level A verletzen. Level A ist die grundlegende Ebene der Barrierefreiheit und umfasst grundlegende Anforderungen.

Level AA​

Die Anzahl der Probleme, die WCAG Level AA verletzen. Level AA ist die standardmäßig empfohlene Ebene für die meisten Websites und die für die EAA-Konformität erforderliche.

Hinweis: Ein Problem kann beide Ebenen verletzen, daher können sich die Zahlen überschneiden.

Problemdetails​

Dies ist der Hauptabschnitt des Berichts, in dem Sie alle gefundenen Probleme klar organisiert sehen.

Problemorganisation​

Probleme sind in dieser Reihenfolge organisiert:

  1. Kritische Probleme - Zuerst
  2. Warnungen - Nach den kritischen
  3. Informationen - Am Ende

Innerhalb jedes Abschnitts sind Probleme nach Typ gruppiert. Zum Beispiel sind alle bildbezogenen Probleme zusammen gruppiert.

Informationen für jedes Problem​

Für jedes Problem sehen Sie:

Problembeschreibung​

Eine klare Beschreibung, was das Problem ist und warum es wichtig ist. Diese Beschreibung hilft Ihnen zu verstehen, was behoben werden muss.

Schweregrad​

Ein farbiges Badge, das den Schweregrad des Problems angibt:

  • Kritisch: Rot - Erfordert sofortige Aufmerksamkeit
  • Warnung: Gelb/Orange - Ratsam zu beheben
  • Information: Blau - Vorschlag für Verbesserungen

WCAG-Level​

Ein Badge, das angibt, welches WCAG-Level verletzt wird (A oder AA).

Empfehlung​

Eine detaillierte Erklärung, wie das Problem behoben werden kann. Dies ist der wichtigste Teil, da er Ihnen genau sagt, was zu tun ist.

Referenzen​

Zwei wichtige Referenzen:

  • WCAG: Die Referenz zu WCAG-Standards, die dieses Problem verletzt
  • EAA: Die Referenz zu EAA (European Accessibility Act) Standards, die dieses Problem verletzt

Diese Referenzen sind nützlich, wenn Sie die Konformität dokumentieren müssen oder mehr über die Standards erfahren möchten.

Technische Details​

Technische Informationen für Entwickler:

  • Selektor: Der CSS-Selektor, der das problematische Element auf der Seite identifiziert. Dies hilft Entwicklern, genau zu finden, wo das Problem im Code ist.

  • HTML: Der HTML-Code des problematischen Elements. Dies zeigt genau, wie das Element strukturiert ist und hilft zu verstehen, was zu ändern ist.

Hinweis: Nicht alle Probleme haben HTML-Code, es hängt vom Typ des Problems ab.

Wenn es keine Probleme gibt​

Wenn die Seite keine Barrierefreiheitsprobleme hat, sehen Sie eine Glückwunschnachricht mit einem grünen Häkchensymbol. Dies bedeutet, dass die Seite zugänglich ist und die Standards respektiert!

Verfügbare Funktionen​

Neu scannen (Neuer Scan)​

Die Schaltfläche "Scannen" oben ermöglicht es Ihnen, einen neuen Scan derselben Seite durchzuführen. Dies ist nützlich, wenn:

  • Sie einige Probleme behoben haben und die Verbesserungen überprüfen möchten
  • Sie den Bericht mit den neuesten Daten aktualisieren möchten
  • Die Seite geändert wurde und Sie sehen möchten, ob es neue Probleme gibt

Hinweis: Diese Funktion ist nur für Pro- und Enterprise-Benutzer verfügbar.

Wenn Sie auf "Scannen" klicken, wird ein neuer Scan gestartet. Nach Abschluss werden Sie automatisch zum neuen Bericht weitergeleitet.

Zurück zu Scans​

Die Schaltfläche mit dem Zurück-Pfeil (←) oben links führt Sie zur Seite "Scans", wo Sie alle durchgeführten Scans sehen können.

Drucken des Berichts​

Der Bericht ist für den Druck optimiert. Sie können:

  • Die Druckfunktion des Browsers verwenden (Strg+P oder Cmd+P)
  • Als PDF aus dem Druckfenster speichern
  • Den gedruckten Bericht mit Ihrem Team teilen

Beim Drucken werden unnötige Elemente (wie Navigationsschaltflächen) automatisch ausgeblendet, um die Lesbarkeit zu verbessern.

Wie man den Bericht verwendet​

Hier ist ein empfohlener Workflow für die Verwendung des Berichts:

  1. Beginnen Sie mit kritischen Problemen: Dies sind die wichtigsten und müssen zuerst behoben werden.

  2. Lesen Sie die Empfehlungen: Jedes Problem hat eine Empfehlung, die erklärt, wie es behoben werden kann. Befolgen Sie diese Richtlinien.

  3. Verwenden Sie technische Details: Wenn Sie Entwickler sind, verwenden Sie den Selektor und HTML, um genau zu finden, wo das Problem im Code ist.

  4. Überprüfen Sie Referenzen: Wenn Sie mehr erfahren müssen, konsultieren Sie die WCAG- und EAA-Referenzen.

  5. Beheben Sie die Probleme: Ändern Sie den Seiten-Code, um die Probleme zu beheben.

  6. Führen Sie einen neuen Scan durch: Nach der Behebung der Probleme führen Sie einen neuen Scan durch, um zu überprüfen, ob sie korrekt behoben wurden.

  7. Wiederholen Sie für Warnungen: Sobald kritische Probleme behoben sind, gehen Sie zu Warnungen und dann zu Informationen über.

Nützliche Tipps​

  1. Konzentrieren Sie sich auf Kritisch: Kritische Probleme haben die höchste Priorität. Beheben Sie sie zuerst.

  2. Verwenden Sie Gruppierungen: Nach Typ gruppierte Probleme helfen Ihnen, ähnliche Probleme alle zusammen zu beheben, was effizienter ist.

  3. Speichern Sie den Bericht: Wenn Sie den Bericht mit anderen teilen oder als Referenz behalten müssen, verwenden Sie die Druckfunktion, um ihn als PDF zu speichern.

  4. Dokumentieren Sie Verbesserungen: Führen Sie regelmäßige Scans durch und vergleichen Sie Berichte, um Verbesserungen im Laufe der Zeit zu sehen.

  5. Teilen Sie mit dem Team: Berichte sind perfekt, um sie mit Entwicklern, Designern und Stakeholdern zu teilen, um zu zeigen, was behoben werden muss.

  6. Verwenden Sie Referenzen: WCAG- und EAA-Referenzen sind nützlich, wenn Sie die Konformität dokumentieren müssen oder mehr über die Standards erfahren möchten.

Erforderliche Berechtigungen​

Einige Funktionen erfordern spezifische Konten:

  • Berichte anzeigen: Alle Benutzer (Demo, Pro, Enterprise) können Berichte anzeigen
  • Neu scannen: Nur Pro und Enterprise können neue Scans von der Berichtsseite aus durchführen

Demo-Benutzer können alle Berichte sehen, aber keine neuen Scans durchführen.

Wenn der Bericht nicht existiert​

Wenn Sie versuchen, auf einen Bericht zuzugreifen, der nicht existiert oder gelöscht wurde, sehen Sie eine Nachricht, die Sie informiert, dass der Bericht nicht gefunden wurde. Sie können auf die Schaltfläche "Zurück zu Scans" klicken, um zur Scan-Liste zurückzukehren.

Fußzeilen-Informationen​

Am unteren Rand des Berichts sehen Sie:

  • Das Datum der Berichtserstellung
  • Einen Link für weitere Informationen zur EAA-Konformität

Diese Informationen sind nützlich, um zu dokumentieren, wann der Bericht erstellt wurde, und um zusätzliche Ressourcen zu finden.