Zum Hauptinhalt springen

Problemen-Seite

Was ist die Problemen-Seite?​

Die Problemen-Seite ist der Ort, an dem Sie alle Barrierefreiheitsprobleme sehen können, die während Ihrer Website-Scans gefunden wurden. Probleme sind nach Typ und Schweregrad organisiert, sodass Sie leicht verstehen können, was zu beheben ist und wo Sie eingreifen müssen.

Was Sie auf der Problemen-Seite finden​

Die Seite ist in mehrere Abschnitte unterteilt:

  1. Schnellstatistiken - Fünf Karten mit Hauptzahlen
  2. Filter und Suche - Um spezifische Probleme zu finden (nur PRO)
  3. Problemen-Liste - Organisiert nach Schweregrad (Kritisch, Warnung, Info)

Schnellstatistiken​

Oben auf der Seite sehen Sie fünf Karten mit den Hauptstatistiken:

Gesamtprobleme​

Diese Karte zeigt die Gesamtzahl der in allen Scans gefundenen Probleme. Es ist die Gesamtzahl aller Probleme, unabhängig vom Schweregrad.

Kritische Probleme​

Diese Karte zeigt, wie viele kritische Probleme es gibt. Kritische Probleme sind die wichtigsten zu behebenden, da sie den Zugriff auf Inhalte verhindern oder sehr erschweren.

Warnprobleme​

Diese Karte zeigt, wie viele Warnprobleme es gibt. Warnungen erschweren die Nutzung der Website, blockieren sie aber nicht vollständig.

Info-Probleme​

Diese Karte zeigt, wie viele Informationsprobleme es gibt. Dies sind Vorschläge und Best Practices zur Verbesserung der Barrierefreiheit.

WCAG-Level​

Diese Karte zeigt die Verteilung der Probleme nach WCAG-Level:

  • A: Probleme, die grundlegende Anforderungen verletzen (Level A)
  • AA: Probleme, die Standardanforderungen verletzen (Level AA)

Filter und Suche​

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

Wenn Sie einen PRO- oder ENTERPRISE-Plan haben, können Sie Filter verwenden, um spezifische Probleme zu finden.

Suche​

Das Suchfeld ermöglicht es Ihnen, nach Problemen zu suchen nach:

  • Problembeschreibung
  • Empfehlung
  • Element-Selektor
  • WCAG-Referenz

So verwenden Sie es:

  1. Geben Sie den Text ein, nach dem Sie suchen möchten, in das Suchfeld ein
  2. Ergebnisse aktualisieren sich automatisch während Sie tippen
  3. Die Suche ist nicht case-sensitive (unterscheidet nicht zwischen Groß- und Kleinschreibung)

Schweregrad-Filter​

Das Dropdown-Menü ermöglicht es Ihnen, Probleme nach Schweregrad zu filtern:

  • Alle: Zeigt alle Probleme
  • Kritisch: Zeigt nur kritische Probleme
  • Warnung: Zeigt nur Warnprobleme
  • Info: Zeigt nur Informationsprobleme

So verwenden Sie es:

  1. Klicken Sie auf das Dropdown-Menü
  2. Wählen Sie den Schweregrad aus, den Sie sehen möchten
  3. Die Liste aktualisiert sich automatisch

Problemen-Liste​

Probleme sind in drei Hauptabschnitte organisiert, geordnet nach Wichtigkeit:

Kritische Probleme Abschnitt​

Dieser Abschnitt zeigt alle gefundenen kritischen Probleme. Sie sind die wichtigsten zu behebenden.

Merkmale:

  • Rote Farbe zur Anzeige der Dringlichkeit
  • Warnungsdreieck-Symbol
  • Badge mit der Anzahl der kritischen Probleme

Warnprobleme Abschnitt​

Dieser Abschnitt zeigt alle gefundenen Warnprobleme. Sie sind wichtig, aber weniger dringend als kritische.

Merkmale:

  • Gelbe Farbe zur Anzeige der Aufmerksamkeit
  • Warnkreis-Symbol
  • Badge mit der Anzahl der Warnprobleme

Info-Probleme Abschnitt​

Dieser Abschnitt zeigt alle gefundenen Informationsprobleme. Sie sind nützliche Vorschläge, aber nicht dringend.

Merkmale:

  • Blaue Farbe zur Anzeige von Informationen
  • Info-Symbol
  • Badge mit der Anzahl der Info-Probleme

Problemkarte​

Jedes Problem wird in einer Karte mit allen notwendigen Informationen angezeigt.

Kartenkopf​

Im Kartenkopf sehen Sie:

  • Problemtyp: Der Name des Problemtyps (z. B. "missing_alt_image")
  • Anzahl der Fehler: Wie viele Fehler dieses Typs gefunden wurden
  • Schweregrad: Farbiges Badge, das den Schweregrad angibt (Kritisch, Warnung, Info)
  • WCAG-Level: Badge, das das WCAG-Level angibt (A oder AA)
  • Betroffene Seiten: Wie viele Seiten dieses Problem haben

Karteninhalt​

Im Karteninhalt sehen Sie:

Problembeschreibung

  • Eine klare Beschreibung, was das Problem ist
  • Farbiges Symbol basierend auf dem Schweregrad

Empfehlung

  • Eine Erklärung, wie das Problem behoben werden kann
  • Praktische Vorschläge zur Behebung

Referenzen

  • WCAG-Referenz: Die Referenz zu WCAG-Richtlinien
  • EAA-Referenz: Die Referenz zu EAA-Richtlinien
  • Betroffene Seiten: Die Anzahl der Seiten, die dieses Problem haben

Seiten und Scans

  • Liste der ersten 5 Seiten, die dieses Problem haben
  • Für jede Seite sehen Sie:
    • Seitentitel (oder Hostname, wenn nicht verfügbar)
    • Vollständige URL
    • "Bericht"-Schaltfläche, um den detaillierten Bericht dieser Seite zu sehen
  • Wenn es mehr als 5 Seiten gibt, sehen Sie eine Nachricht, die angibt, wie viele andere Seiten es gibt

Code-Beispiele

  • Bis zu 3 Code-Beispiele, die zeigen, wo das Problem gefunden wurde
  • Für jedes Beispiel sehen Sie:
    • Titel der Seite, auf der es gefunden wurde
    • Element-Selektor (wo es sich im Code befindet)
    • Element-HTML (der tatsächliche HTML-Code)

Verfügbare Aktionen​

Für jedes Problem können Sie mehrere Aktionen durchführen:

Ausschließen (nur ENTERPRISE)

  • Schließt diesen Problemtyp von der Berichterstellung aus
  • Nützlich, wenn Sie das Problem behoben haben und es nicht mehr in Berichten sehen möchten
  • Schaltfläche ist deaktiviert, wenn das Problem bereits ausgeschlossen ist

Einschließen (nur ENTERPRISE)

  • Schließt diesen Problemtyp wieder in die Berichterstellung ein
  • Nützlich, wenn Sie ein Problem versehentlich ausgeschlossen haben oder wenn es wieder aufgetaucht ist
  • Schaltfläche ist deaktiviert, wenn das Problem nicht ausgeschlossen ist

Scannen (nur ENTERPRISE)

  • Führt einen neuen Scan aller Seiten durch, die dieses Problem haben
  • Nützlich, um zu überprüfen, ob Sie das Problem nach Änderungen behoben haben
  • Zeigt eine Fortschrittsleiste während des Scannens
  • Am Ende zeigt es eine Zusammenfassung mit Ergebnissen

Alle anzeigen

  • Öffnet eine detaillierte Seite mit allen Fehlern dieses Typs
  • Zeigt alle Beispiele und alle betroffenen Seiten
  • Nützlich, um alle Details auf einer einzigen Seite zu sehen

Fortschrittsbalken​

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

Was er zeigt:

  • Titel: "Scan läuft"
  • 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.

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, bevor Sie Filter verwenden.

Keine Probleme​

Wenn es keine Probleme gibt (oder Filter keine Ergebnisse zeigen), sehen Sie eine Nachricht mit:

  • Grünes Häkchensymbol
  • Titel: "Keine Probleme gefunden"
  • Beschreibung, die erklärt, warum es keine Probleme gibt

Keine Scans​

Wenn Sie noch keine Scans durchgeführt haben, sehen Sie keine Probleme. In diesem Fall:

  1. Gehen Sie zum Dashboard
  2. Scannen Sie Ihre Website
  3. Kehren Sie zur Problemen-Seite zurück, um Ergebnisse zu sehen

Wie man die Problemen-Seite verwendet​

1. Beginnen Sie mit kritischen Problemen​

Kritische Probleme sind die wichtigsten. Beginnen Sie immer mit diesen:

  1. Gehen Sie zum Abschnitt "Kritische Probleme"
  2. Lesen Sie die Beschreibung und Empfehlung
  3. Schauen Sie sich Code-Beispiele an, um zu verstehen, wo Sie eingreifen müssen
  4. Beheben Sie das Problem auf Ihrer Website
  5. (Optional) Verwenden Sie "Scannen", um zu überprüfen, ob es behoben wurde

2. Verwenden Sie Filter, um spezifische Probleme zu finden​

Wenn Sie nach einem spezifischen Problem suchen:

  1. Verwenden Sie das Suchfeld, um nach Stichworten zu suchen
  2. Oder verwenden Sie den Schweregrad-Filter, um nur kritische, Warn- oder Info-Probleme zu sehen
  3. Kombinieren Sie Suche und Filter für präzisere Ergebnisse

3. Behobene Probleme ausschließen​

Nach der Behebung eines Problems:

  1. Klicken Sie auf "Ausschließen", um es aus Berichten zu entfernen
  2. Das Problem erscheint nicht mehr in Statistiken
  3. Wenn das Problem in Zukunft wieder auftaucht, können Sie "Einschließen" verwenden, um es wieder hinzuzufügen

4. Behebungen überprüfen​

Nach Änderungen an der Website:

  1. Klicken Sie auf "Scannen" für das Problem, das Sie behoben haben
  2. Warten Sie, bis der Scan abgeschlossen ist
  3. Überprüfen Sie, ob das Problem behoben wurde

5. Vollständige Details ansehen​

Um alle Details eines Problems zu sehen:

  1. Klicken Sie auf "Alle anzeigen"
  2. Sehen Sie alle betroffenen Seiten
  3. Sehen Sie alle Code-Beispiele
  4. Haben Sie einen vollständigen Überblick über das Problem

Tipps​

Priorität​

  1. Kritisch zuerst: Beheben Sie immer zuerst kritische Probleme
  2. Dann Warnungen: Nach kritischen Problemen gehen Sie zu Warnungen über
  3. Schließlich Info: Info-Vorschläge können warten

Organisation​

  • Filter verwenden: Filter helfen Ihnen, sich auf das zu konzentrieren, was Sie interessiert
  • Nach Typ gruppieren: Probleme sind bereits nach Typ gruppiert, sodass Sie alle ähnlichen zusammen beheben können
  • Seiten zählen: Die Anzahl der betroffenen Seiten zeigt Ihnen, wie weit verbreitet das Problem ist

Überprüfung​

  • Nach Behebungen scannen: Verwenden Sie die "Scannen"-Schaltfläche, um zu überprüfen, ob Ihre Behebungen funktionieren
  • Nur ausschließen, wenn sicher: Schließen Sie ein Problem nur aus, wenn Sie sicher sind, dass Sie es vollständig behoben haben
  • Mehrere Seiten überprüfen: Wenn ein Problem auf vielen Seiten erscheint, könnte es ein systemisches Problem sein, das einmal und für immer behoben werden muss

Häufig gestellte Fragen​

Warum erscheinen einige Probleme mehrmals?​

Probleme sind nach Typ und Beschreibung gruppiert. Wenn Sie dasselbe Problem auf mehreren Seiten sehen, wird es nur einmal mit der Anzahl der betroffenen Seiten angezeigt. Dies ermöglicht es Ihnen, die Gesamtauswirkung des Problems zu sehen.

Was bedeutet "Betroffene Seiten"?​

"Betroffene Seiten" gibt an, wie viele verschiedene Seiten dieses Problem haben. Wenn Sie "5 Seiten" sehen, bedeutet dies, dass dieses Problem auf 5 verschiedenen Seiten Ihrer Website gefunden wurde.

Kann ich ein Problem von einer einzelnen Seite ausschließen?​

Nein, der Ausschluss funktioniert nach Problemtyp. Wenn Sie ein Problem ausschließen, wird es von allen Seiten ausgeschlossen. Wenn Sie einzelne Probleme verwalten möchten, verwenden Sie die Problemdetailseite.

Was passiert, wenn ich ein Problem ausschließe?​

Wenn Sie ein Problem ausschließen:

  • Es erscheint nicht mehr in Statistiken
  • Es wird nicht in Berichten gezählt
  • Sie können es immer wieder mit der "Einschließen"-Schaltfläche einschließen

Wie lange dauert es, alle Seiten zu scannen?​

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

Kann ich alle Code-Beispiele sehen?​

Ja! Klicken Sie auf "Alle anzeigen", um eine detaillierte Seite mit allen Beispielen und allen betroffenen Seiten zu sehen.

Fazit​

Die Problemen-Seite ist Ihr Kontrollzentrum zur Verwaltung aller Barrierefreiheitsprobleme auf Ihrer Website. Sie hilft Ihnen zu verstehen, was zu beheben ist, wo Sie eingreifen müssen und wie Sie Behebungen überprüfen können. Verwenden Sie Filter, um spezifische Probleme zu finden, beginnen Sie immer mit kritischen Problemen und überprüfen Sie Ihre Behebungen immer mit neuen Scans.