Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:general:accessibility_web_checkliste [2020/11/18 16:14] – angelegt thinder
+++ de:general:accessibility_web_checkliste [2024/02/16 10:22] (aktuell) – [Design] thinder
@@ Zeile 1: / Zeile 1: @@
+====== Checkliste barrierefreie Webseitengestaltung ======
+<WRAP center round info 100%>
+Grundlage ist WCAG 2.1 Checkliste mit dem Level AA
+https://www.w3.org/WAI/WCAG22/quickref/?versions=2.1&currentsidebar=%23col_customize&levels=aaa
+</WRAP>
+===== Text(e) / Inhalt(e) =====
+^ erledigt  ^ Prüfpunkte                                                                                                                           ^
+|           | Inhalte auf den Punkt gebracht                                                                                                       |
+|           | Einheitliche Benennung ein und desselben Sachverhaltes                                                                               |
+|           | Zwischenüberschriften bei längeren Texten/Anleitungen zur besseren Gliederung und besseren inhaltlichen Aufnahme durch die Lesenden  |
+|           | Webseiten mit einem Text-Browser “ansehen” und überprüfen, z. B. Links                                                               |
+|           | Was passiert bei “Klick” auf Schaltfläche/Link -> z. B. File Download, öffnet externe Webseite, öffnet Dokument / Formular           |
+|           | Webseiten mittels eines Screen-Readers, z. B. enthalten im Betriebssystem oder frei verfügbar, vorlesen lassen                       |
+|           | Mehrsprachigkeit (deutsch/englisch)                                                                                                  |
+===== Bild(er) =====
+^ erledigt  ^ Prüfpunkte                                                                                                       ^
+|           | Bild(er) mit alternativ-Text versehen, wenn für Inhalt/Text relevant                                             |
+|           | Bild(er) mit Beschreibungen versehen (z. B. Stichworte, was auf dem Bild zu sehen ist, keine Interpretation(!))  |
+|           | Auflösung muss 200-fachen Zoom aushalten ohne zu verpixeln                                                       |
+===== Design =====
+^ erledigt  ^ Prüfpunkte                                                                                                                                ^
+|           | Textsatz: Links-bündig und kein Blocksatz                                                                                                 |
+|           | Prüfung von Farbkontrasten (z. B. Hintergrundfarbe zu Schriftfarbe -> hoher Kontrast)                                                     |
+|           | Prüfung von Farbschemata (z.B. bei Rot-Grün-Sehschwäche -> z.B. möglichst geringe Rot-/Grün-Farbwerte, Symbole zur Unterstützung nutzen)  |
+|           | Schriftgröße: 12+                                                                                                                         |
+|           | Schaltflächengröße: <....                                                                                                                 |
+|           | Ausreichend große Abstände zwischen einzelnen Schaltflächen                                                                               |
+|           | Intuitiv, übersichtlich und klar gestaltetes Layout                                                                                       |
+{{:de:general:checkliste_barrierefreie_webseitengestaltung.pdf|Die Checkliste zum herunterladen}}
+===== Überprüfungswerkzeuge =====
+<WRAP center round info 80%>
+Eine Liste mit Überprüfungswerkzeugen von Webseiten nach WCAG 2.x findet sich hier:
+https://www.w3.org/WAI/test-evaluate/tools/list/
+</WRAP>