BITV/9.1.4 - Unterscheidbar: Unterschied zwischen den Versionen

VisuellWikitext

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

Mit einem Kontrast-Checker prüfen, wenn Tabellen-Linien zu hell aussehen. Diese können dann durch einen Wiki-Administrator für jeden Tabellenstil des visuellen Editor geändert werden.

Nicht inhaltsrelevant

Bedienelemente mit ausreichendem Kontrast

Systemfokus

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

@@ Zeile 1: / Zeile 1: @@
 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==
-Mit Kontrast-Checker prüfen, wenn Linien zu hell aussehen.
+Mit einem Kontrast-Checker prüfen, wenn Tabellen-Linien zu hell aussehen. Diese können dann durch einen Wiki-Administrator für jeden Tabellenstil des visuellen Editor geändert werden.
 ==Nicht inhaltsrelevant ==