BITV/9.1.4 - Unterscheidbar: Unterschied zwischen den Versionen

Aktuelle Version vom 7. Januar 2026, 10:22 Uhr

https://lbit.hessen.de/sites/lbit.hessen.de/files/2022-08/checkliste_kontraste_und_farben.pdf

Kontraste von Texten ausreichend (9.1.4.3)

Textfarben im visuellen Editor

Generell sollten Sie es vermeiden, die Textfarbe im Wiki für einzelne Wörter oder Absätze anzupassen, da dies oft als semantische Hervorhebung des Textes interpretiert wird. Diese Hervorhebung kann jedoch verlorengehen, wenn einzelne Benutzer unterschiedliche Kontrasteinstellungen (zum Beispiel im Browser oder im Betriebssystem) konfiguriert haben. Generell haben jedoch folgende Farben, die im Editor ausgewählt werden können, in der Standardansicht ausreichenden Kontrast zum Hintergrund:

Weißer Hintergrund mit folgenden Vordergrundfarben:

Geeignet: Blue, Dark Blue, Navy Blue, Red, Dark Grey, Black.
Für große Schrift geeignet (24px +): Turquoise, Purple, Grey
Nicht geeignet: Orange, Green, Light Grey, Medium Grey

Generell können Sie Farbkombination über einen Kontrast-Checker evaluieren:

WebAIM Kontrast-Checker Farbwerte können Sie über die Developer-Tools Ihres Browsers erkennen. Klicken Sie hierzu auf F12 oder Rechtsklick -> Untersuchen

Hinweis für "Power-Anwender": Farbwerte können Sie über die Developer-Tools Ihres Browsers erkennen. Klicken Sie hierzu auf F12 oder Rechtsklick -> Untersuchen.

Texte in Grafiken untersuchen

Text sollen Sie am besten nicht in Grafiken integrieren. Wenn Sie es doch tun, müssen Sie über entsprechenden Alternativ-Text oder eine sogenannte "Long-Description" den Text für Bildschirmlesegeräte zugänglich machen.

Tabellenlinien

Die Standard-Tabellenstile in BlueSpice haben ausreichenden Kontrast. Sollten Sie dennoch Feedback bekommen, dass einige Stile besser lesbar sind als andere, einigen Sie sich auf die Nutzung der gewünschten Stile. Alternativ können einzelne Tabellenstile auf Wunsch durch einen Wiki-Administrator oder über den BlueSpice-Support global angepasst werden.

Nicht inhaltsrelevant

Folgende Prüfpunkte sind für die inhaltliche Bearbeitung einer Seite im Normalfall nicht von Bedeutung:

Bedienelemente mit ausreichendem Kontrast (dies wird über die Programmierung der Nutzeroberfläche geprüft).

Systemfokus

PDF-Ausschluss - Start

Feedback zur Dokumentation ist im Community-Forum möglich.

PDF-Ausschluss - Ende

@@ Zeile 4: / Zeile 4: @@
 === Textfarben im visuellen Editor ===
+Generell sollten Sie es vermeiden, die Textfarbe im Wiki für einzelne Wörter oder Absätze anzupassen, da dies oft als '''semantische''' Hervorhebung des Textes interpretiert wird. Diese Hervorhebung kann jedoch verlorengehen, wenn einzelne Benutzer unterschiedliche Kontrasteinstellungen (zum Beispiel im Browser oder im Betriebssystem) konfiguriert haben. Generell haben jedoch folgende Farben,  die im Editor ausgewählt werden können, in der Standardansicht ausreichenden Kontrast zum Hintergrund:
 Weißer Hintergrund mit folgenden Vordergrundfarben:
-* Geeignet: <span style="color: #3e5389">Blue,</span> Dark Blue, Navy Blue, Red, Dark Grey, Black
+* Geeignet: <span style="color: #3e5389">Blue,</span> Dark Blue, Navy Blue, Red, Dark Grey, Black.
 * Für große Schrift geeignet (24px +): Turquoise, Purple, Grey
 * Nicht geeignet: Orange, Green, Light Grey, Medium  Grey
@@ Zeile 13: / Zeile 15: @@
 [https://webaim.org/resources/contrastchecker/ WebAIM Kontrast-Checker]
+Farbwerte können Sie über die Developer-Tools Ihres Browsers erkennen. Klicken Sie hierzu auf F<code>12</code> oder <code>Rechtsklick -> Untersuchen</code><br />
-Farbwerte können Sie über die Developer-Tools Ihres Browsers erkennen. Klicken Sie hierzu auf F<code>12</code> oder <code>Rechtsklick -> Untersuchen</code><br />
+Hinweis für "Power-Anwender": Farbwerte können Sie über die Developer-Tools Ihres Browsers erkennen. Klicken Sie hierzu auf F<code>12</code> oder <code>Rechtsklick -> Untersuchen.</code>
 ==Texte in Grafiken untersuchen==
-Text sollen Sie am besten nicht in Grafiken integrieren. Wenn Sie es doch tun, müssen Sie über entsprechenden Alternativ-Text oder eine Long-Description den Text für Bildschirmlesegeräte zugänglich machen.
+Text sollen Sie am besten nicht in Grafiken integrieren. Wenn Sie es doch tun, müssen Sie über entsprechenden Alternativ-Text oder eine sogenannte "Long-Description" den Text für Bildschirmlesegeräte zugänglich machen.
 ==Tabellenlinien==