icon-document-pdficon-document-pdf-fullicon-document-texticon-searchicon-share-facebookicon-share-googleplusicon-share-linkedinicon-share-twittericon-staricon-video-camera

Barrierefreiheits-Checker

Conceptboard bietet Ihnen ein Tool, um die visuellen Inhalte auf dem Board zu analysieren und potenzielle Barrierefreiheitsmängel zu identifizieren. Alle Ergebnisse werden im linken Seitenbereich Ihres Boards angezeigt. Sie umfassen die Beschreibung des Problems, dessen Schweregrad sowie unsere Empfehlungen für verfügbare Lösungen.

Screenshot 2026-06-01 at 21.24.56.png
Screenshot 2026-06-01 at 21.25.59.png

Solange ein Board leer ist, bleibt die Barrierefreiheitsprüfung inaktiv. Die Standardansicht fordert Sie dazu auf, den Umfang der bevorstehenden Prüfung festzulegen – sei es das "gesamte Board" oder "nur von mir erstellte Objekte".

Einstellung 1: Einzelne Objekte

Screenshot 2026-06-01 at 21.31.14.png

Auf dem obigen Bild wurde die Standardeinstellung für das Scannen einzelner "Nur von mir erstellte Objekte" gewählt. Es ist offensichtlich, dass einige Entscheidungen bezüglich Farben und Texturen die Anforderungen an die Barrierefreiheit nicht erfüllen:

  • Ein weißes Rechteck auf hellgrauem Hintergrund ist von einem blassen Rahmen eingefasst, der keinen ausreichenden Kontrast bietet.
  • Die Textfarbe von „Test“ ist zu hell, um sich vom Hintergrund abzuheben.
  • Die Textfarbe von „Test“ auf dem Haftnotizzettel ist von der Haftnotiz selbst nicht zu unterscheiden.

=> Starten wir eine „Prüfung auf Probleme“!

Ergebnisse im Überblick

Die Prüfungsergebnisse weisen Sie auf jene Probleme hin, die Ihrer Aufmerksamkeit bedürfen. Zudem schlagen wir Ihnen mögliche Lösungsansätze vor, um diese Probleme zu beheben – inklusive einer Erläuterung der zugrundeliegenden Gründe und Hintergründe. Ein besonderer Schwerpunkt liegt dabei auf dem Farbkontrast sowie – sofern vorhanden – auf fehlenden Beschreibungen in Tabellen. Die Kontrastwerte werden anhand der WCAG 2.1 AA-Richtlinien bewertet.

Screenshot 2026-06-01 at 21.36.08.png
Screenshot 2026-06-01 at 21.37.30.png

Sie können wählen, vorgeschlagene Änderungen und Korrekturen anzuwenden.

Screenshot 2026-06-01 at 21.39.11.png

Sobald alle Korrekturen angewendet wurden, wechselt die Benachrichtigung auf Grün.

Screenshot 2026-06-01 at 21.40.34.png

Einstellung 2: Gesamtes Board

1. Panel öffnen und Prüfumfang festlegen

Screenshot 2026-06-01 at 21.42.13.png

Öffnen Sie den Barrierefreiheits-Checker über „Inhalte einfügen" → „Widgets" → „Barrierefreiheits-Checker". Der Live-Barrierefreiheitsstatus zeigt sofort, wie viele Probleme Aufmerksamkeit benötigen, und auf welcher Grundlage geprüft wurde (Überprüfung nach WCAG-2.1-AA-Standards).

Über den Bereich Prüfumfang steuern Sie, welche Objekte analysiert werden:

  • Gesamtes Board – prüft alle Objekte auf dem gesamten Board.
  • Nur von mir erstellte Objekte – beschränkt die Prüfung auf Ihre eigenen Objekte.
Screenshot 1 2026-06-01 141435.png

2. Probleme im Detail ansehen

Klappen Sie eine Kategorie auf, um die einzelnen Treffer anzuzeigen. Jedes betroffene Objekt erscheint als Karte mit Objekttyp (z. B. TabelleForm) und einem direkten Vergleich:

  • Aktuell – der derzeitige Wert, z. B. ein Kontrastverhältnis von 1.0:1.
  • Korrektur – der empfohlene Wert, der die Anforderung erfüllt, z. B. 3.0:1.
Screenshot 2 2026-06-01 141521.png

3. Betroffenes Objekt auf dem Board finden

Wählen Sie einen Eintrag aus, um das zugehörige Objekt direkt auf der Arbeitsfläche zu finden. Das betroffene Objekt wird auf dem Board hervorgehoben (rote Umrandung), sodass Sie es eindeutig zuordnen können.

Screenshot 3 2026-06-01 141549.png

4. Korrektur anwenden

Klicken Sie auf Korrektur anwenden, um die empfohlene Anpassung direkt zu übernehmen. Das Objekt wird auf dem Board entsprechend aktualisiert, das Problem gilt als behoben und die Gesamtanzahl der offenen Probleme verringert sich (im Beispiel von 12 auf 11).

Screenshot 4 2026-06-01 141604.png

 

Was this article helpful?
0 von 0 fanden dies hilfreich