Zum Hauptinhalt springen

Seite für Fehlerdetails

Was ist die Seite für Fehlerdetails?​

Die Seite für Fehlerdetails zeigt alle spezifischen Fehler eines Problemtyps. Wenn Sie auf der Seite "Probleme" auf "Alle anzeigen" klicken, gelangen Sie hierher, um alle Details, alle betroffenen Seiten und alle Code-Beispiele zu sehen.

Wie greift man auf diese Seite zu?​

Sie können auf diese Seite auf zwei Arten zugreifen:

  1. Von der Seite "Probleme": Klicken Sie auf die Schaltfläche "Alle anzeigen" auf einer Problemkarte
  2. Direkter Link: Die URL enthält die Problemgruppen-ID

Was Sie auf der Detailseite finden​

Die Seite ist in mehrere Abschnitte unterteilt:

  1. Header - Probleminformationen und Link zum Zurückgehen
  2. Selector-Filter - Zum Filtern von Fehlern nach CSS-Selektor (nur PRO)
  3. Fehlerliste - Alle Fehler in der Gruppe mit vollständigen Details
  4. Paginierung - Zum Navigieren zwischen Fehlern, wenn es viele gibt

Seitenkopf​

Im Seitenkopf sehen Sie:

Oben links befindet sich ein Pfeil, mit dem Sie zur Hauptseite "Probleme" zurückkehren können.

Probleminformationen​

  • Titel: Der Problemtyp (z. B. "missing_alt_image")
  • Beschreibung: Die vollständige Problembeschreibung
  • Schweregrad-Badge: Farbiges Badge, das angibt, ob es kritisch, Warnung oder Info ist
  • Anzahl eindeutiger Fehler: Wie viele eindeutige Fehler es gibt (nach Deduplizierung)

Scan-Schaltfläche​

Nur verfügbar für: ENTERPRISE-Plan

Die Schaltfläche "Scannen" ermöglicht es Ihnen, einen neuen Scan aller Seiten durchzuführen, die dieses Problem haben. Nützlich, um zu überprüfen, ob Sie das Problem nach Änderungen behoben haben.

Selector-Filter​

Nur verfügbar für: PRO-Plan oder höher

Der Selector-Filter ermöglicht es Ihnen, nur Fehler zu sehen, die einen bestimmten CSS-Selektor haben.

Wie es funktioniert​

Der CSS-Selektor ist der Pfad, der identifiziert, wo sich das Element im Seiten-Code befindet. Zum Beispiel:

  • #header img - Bilder im Header
  • .menu a - Links im Menü
  • form input - Eingabefelder in Formularen

Wie man den Filter verwendet​

  1. Öffnen Sie das Dropdown-Menü des Filters
  2. Wählen Sie einen Selektor aus der Liste
  3. Die Liste aktualisiert sich und zeigt nur Fehler mit diesem Selektor
  4. Sehen Sie die Anzahl der Ergebnisse unter dem Filter
  5. Klicken Sie auf "Filter löschen", um alle Fehler wieder zu sehen

Tipp: Verwenden Sie den Filter, wenn Sie sich auf spezifische Fehler in einem bestimmten Teil der Website konzentrieren möchten.

Fehlerliste​

Die Liste zeigt alle Fehler in der Gruppe, einen pro Karte. Identische Fehler (gleicher Selektor und gleiches HTML) werden nur einmal angezeigt, um Duplikate zu vermeiden.

Fehlerkarte​

Jeder Fehler wird in einer Karte mit allen Informationen angezeigt:

Kartenkopf:

  • Fehlernummer: "Fehler #1", "Fehler #2" usw.
  • Schweregrad-Symbol: Farbiges Symbol basierend auf dem Schweregrad
  • Schweregrad-Badge: Kritisch, Warnung oder Info
  • "Ausgeschlossen"-Badge: Wenn der Fehler ausgeschlossen wurde, sehen Sie ein grünes Badge

Informationen:

  • URL: Link zur Seite, auf der der Fehler gefunden wurde (öffnet in neuem Tab)
  • Scan: Titel des Scans, von dem der Fehler stammt
  • WCAG-Level: Das WCAG-Level des Fehlers (A oder AA)

Element:

  • Selektor: Der CSS-Selektor, der das Element identifiziert
  • HTML: Der tatsächliche HTML-Code des problematischen Elements
  • Sie können das HTML scrollen, wenn es lang ist

Empfehlung:

  • Eine Erklärung, wie dieser spezifische Fehler behoben werden kann
  • Praktische Vorschläge zur Behebung

Paginierung​

Wenn es mehr als 50 Fehler gibt, sehen Sie eine Paginierungsleiste am unteren Rand der Seite.

Wie es funktioniert​

  • 50 Fehler pro Seite: Jede Seite zeigt maximal 50 Fehler
  • Navigation: Sie können zwischen den Seiten vorwärts und rückwärts gehen
  • Seitennummern: Sie sehen bis zu 5 Seitennummern gleichzeitig
  • Zähler: Sie sehen "Zeige 1-50 von 150 eindeutigen Fehlern"

Wie man die Paginierung verwendet​

  • "Zurück"-Schaltfläche: Gehen Sie zur vorherigen Seite (deaktiviert, wenn Sie auf der ersten Seite sind)
  • Seitennummern: Klicken Sie auf eine Nummer, um direkt zu dieser Seite zu gelangen
  • "Weiter"-Schaltfläche: Gehen Sie zur nächsten Seite (deaktiviert, wenn Sie auf der letzten Seite sind)

Tipp: Die Paginierung wird zurückgesetzt, wenn Sie den Filter ändern, sodass Sie immer von der ersten Seite beginnen.

Fortschrittsbalken​

Wenn Sie einen Scan ausführen (Scan-Schaltfläche), sehen Sie einen festen Fortschrittsbalken am unteren Rand der Seite.

Was er zeigt:

  • Titel: "Seiten werden gescannt"
  • Fortschritt: Anzahl der abgeschlossenen Scans / Gesamt (z. B. "3/10")
  • Balken: Visueller Balken, der den Fertigstellungsprozentsatz anzeigt
  • Aktuelle URL: Welche Seite gerade gescannt wird

Der Balken bleibt sichtbar, bis alle Scans abgeschlossen sind.

Automatische Deduplizierung​

Die Seite entfernt automatisch doppelte Fehler. Wenn derselbe Fehler (gleicher Selektor und gleiches HTML) mehrmals erscheint, wird er nur einmal angezeigt.

Warum es nützlich ist:

  • Vermeidet, denselben Fehler hunderte Male wiederholt zu sehen
  • Ermöglicht es Ihnen, sich auf eindeutige Fehler zu konzentrieren
  • Reduziert die Anzahl der zu verwaltenden Fehler

Wie es funktioniert:

  • Zwei Fehler gelten als identisch, wenn sie haben:
    • Den gleichen CSS-Selektor
    • Den gleichen HTML-Code
  • Nur der erste gefundene Fehler wird angezeigt

Seitenzustände​

Laden​

Wenn die Seite lädt, sehen Sie einen animierten Spinner und die Nachricht "Lädt...". Warten Sie, bis das Laden abgeschlossen ist.

Keine Fehler​

Wenn es keine Fehler gibt (oder der Filter keine Ergebnisse zeigt), sehen Sie eine Nachricht mit:

  • Warnsymbol
  • Titel: "Keine Fehler gefunden"
  • Beschreibung, die erklärt, warum es keine Fehler gibt
  • Link zur Rückkehr zur Seite "Probleme"

Ladefehler​

Wenn es einen Ladefehler gibt, zeigt die Seite eine Fehlermeldung. Versuchen Sie, die Seite neu zu laden.

Wie man die Detailseite verwendet​

1. Alle Details ansehen​

Diese Seite zeigt Ihnen alle Details jedes Fehlers:

  • Wo er sich genau befindet (Selektor)
  • Wie er im Code erscheint (HTML)
  • Auf welcher Seite er gefunden wurde
  • Wie man ihn behebt (Empfehlung)

2. Filter verwenden, um sich zu konzentrieren​

Wenn es viele Fehler gibt:

  1. Verwenden Sie den Selector-Filter, um nur spezifische Fehler zu sehen
  2. Beheben Sie alle Fehler mit dem gleichen Selektor zusammen
  3. Entfernen Sie den Filter und gehen Sie zur nächsten Gruppe über

3. Behebungen überprüfen​

Nach Änderungen:

  1. Klicken Sie auf "Scannen", um zu überprüfen, ob Fehler behoben wurden
  2. Warten Sie, bis der Scan abgeschlossen ist
  3. Überprüfen Sie, ob die Anzahl der Fehler abgenommen hat

4. Zwischen Seiten navigieren​

Wenn es viele Fehler gibt:

  1. Verwenden Sie die Paginierung, um alle Fehler zu sehen
  2. Beheben Sie Fehler Seite für Seite
  3. Kehren Sie zur Seite "Probleme" zurück, um den Gesamtfortschritt zu sehen

Tipps​

Organisation​

  • Beginnen Sie von der ersten Seite: Fehler sind geordnet, beginnen Sie mit der ersten
  • Verwenden Sie den Filter: Wenn Sie wissen, dass ein Fehler in einem bestimmten Teil der Website ist, verwenden Sie den Selector-Filter
  • In Gruppen arbeiten: Beheben Sie alle Fehler mit dem gleichen Selektor zusammen

Überprüfung​

  • Nach Behebungen scannen: Verwenden Sie die Schaltfläche "Scannen", um zu überprüfen, ob Ihre Behebungen funktionieren
  • Anzahl überprüfen: Wenn die Anzahl der eindeutigen Fehler abnimmt, machen Sie Fortschritte
  • Mehrere Seiten überprüfen: Wenn ein Fehler auf vielen Seiten erscheint, könnte es ein systemisches Problem sein

Details​

  • Empfehlungen lesen: Jeder Fehler hat eine spezifische Empfehlung, wie er behoben werden kann
  • HTML ansehen: HTML zeigt Ihnen genau, was im Code ist
  • Selektor verwenden: Der Selektor sagt Ihnen, wo Sie das Element im Code finden

Häufig gestellte Fragen​

Warum sehe ich hier weniger Fehler als auf der Seite "Probleme"?​

Die Detailseite dedupliziert automatisch identische Fehler. Wenn derselbe Fehler (gleicher Selektor und HTML) auf mehreren Seiten erscheint, wird er nur einmal angezeigt. Auf der Seite "Probleme" sehen Sie die Gesamtzahl, hier sehen Sie nur eindeutige Fehler.

Was bedeutet "Eindeutige Fehler"?​

"Eindeutige Fehler" bedeutet Fehler, die sich voneinander unterscheiden. Wenn derselbe Fehler 10 Mal erscheint, wird er als 1 eindeutiger Fehler gezählt. Dies hilft Ihnen zu verstehen, wie viele verschiedene Arten von Fehlern Sie beheben müssen.

Kann ich alle Fehler ohne Paginierung sehen?​

Nein, Paginierung ist notwendig, wenn es mehr als 50 Fehler gibt, um die Seite schnell und überschaubar zu halten. Sie können zwischen den Seiten mit den Paginierungsschaltflächen navigieren.

Funktioniert der Selector-Filter bei allen Fehlern?​

Ja, der Filter funktioniert bei allen Fehlern in der Gruppe, nicht nur bei denen auf der aktuellen Seite. Wenn Sie den Filter ändern, wird die Paginierung zurückgesetzt und Sie beginnen von der ersten Seite.

Was passiert, wenn ich einen Fehler ausschließe?​

Wenn Sie einen Fehler von der Hauptseite "Probleme" ausschließen, sehen Sie hier ein "Ausgeschlossen"-Badge auf dem Fehler. Der Fehler wird nicht mehr in Statistiken gezählt.

Wie lange dauert es, alle Seiten zu scannen?​

Es hängt davon ab, wie viele Seiten das Problem haben. Der Fortschrittsbalken zeigt Ihnen den Fortschritt in Echtzeit. Jede Seite wird einzeln gescannt.

Fazit​

Die Seite für Fehlerdetails gibt Ihnen einen vollständigen Überblick über alle Fehler eines bestimmten Typs. Verwenden Sie diese Seite, um alle Details zu sehen, zu filtern, um sich auf spezifische Fehler zu konzentrieren, und Ihre Behebungen mit neuen Scans zu überprüfen. Es ist das perfekte Tool, um systematisch Barrierefreiheitsprobleme auf Ihrer Website zu beheben.