Zuletzt bearbeitet vor 6 Monaten
von Margit Link-Rodrigue

BITV/9.1.4 - Unterscheidbar: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
https://lbit.hessen.de/sites/lbit.hessen.de/files/2022-08/checkliste_kontraste_und_farben.pdf<nowiki/>
https://lbit.hessen.de/sites/lbit.hessen.de/files/2022-08/checkliste_kontraste_und_farben.pdf<nowiki/>


== Farben prüfen ==
== Kontraste von Texten ausreichend (9.1.4.3) ==


* [https://webaim.org/resources/contrastchecker/ WebAIM Kontrast-Checker]
=== Textfarben im visuellen Editor ===
* Developer-Tools (F<code>12</code> oder <code>Rechtsklick -> Untersuchen</code>)<br />
Weißer Hintergrund mit folgenden Vordergrundfarben:


==Texte in Grafiken untersuchen==
* Geeignet: <span style="color: #3e5389">Blue,</span> Dark Blue, Navy Blue, Red, Dark Grey, Black
*Text generell nicht in Grafiken integrieren.
* Für große Schrift geeignet (24px +): Turquoise, Purple, Grey
* Nicht geeignet: Orange, Green, Light Grey, Medium  Grey


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


*Muss gegebenenfalls angepasst werden. (Erweiterung PageForms wird nicht in allen Wikis benutzt)
[https://webaim.org/resources/contrastchecker/ WebAIM Kontrast-Checker]


==Systemfokus==
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 />


*muss über Browser-Barrierefreiheitseinstellung unterstützt werden.
==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.


==Tabellenlinien==
==Tabellenlinien==
Mit Kontrast-Checker prüfen, wenn Linien zu hell aussehen.
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 ==
==Nicht inhaltsrelevant ==
 
Folgende Prüfpunkte sind für die inhaltliche Bearbeitung einer Seite im Normalfall nicht von Bedeutung:
*Bedienelemente mit ausreichendem Kontrast
*Bedienelemente mit ausreichendem Kontrast (dies wird über die Programmierung der Nutzeroberfläche geprüft).


*Systemfokus
*Systemfokus

Aktuelle Version vom 6. Mai 2024, 09:12 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

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

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.

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



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