Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
==Wie barrierefrei ist SuperX?== | ==Wie barrierefrei ist SuperX?== | ||
===Geltende Vorschriften=== | ===Geltende Vorschriften=== | ||
Die Verpflichtung zur Barrierefreiheit von Websites gilt derzeit (noch) nur für Bundesbehörden. Sie geht hervor aus | Die Verpflichtung zur Barrierefreiheit von Websites gilt derzeit (noch) nur für Bundesbehörden. Sie geht hervor aus | ||
* '''Barrierefreie Informationstechnik-Verordnung (BITV)''', | * '''Barrierefreie Informationstechnik-Verordnung (BITV)''', | ||
** mit Neuauflage von 2019 | ** mit Neuauflage von 2019 | ||
| Zeile 16: | Zeile 16: | ||
* Verständlichkeit | * Verständlichkeit | ||
* Robustheit | * Robustheit | ||
Die Einstufung des Grades von Barrierefreiheit erfolgt über die Level A, AA, AAA (höchste Stufe). | |||
===Grad der Barrierefreiheit von SuperX=== | ===Grad der Barrierefreiheit von SuperX=== | ||
{| class="wikitable" | {| class="wikitable" | ||
|- | |- | ||
! WAHRNEHMBARKEIT !! !! | ! 1. Vorgaben zur WAHRNEHMBARKEIT !! !! | ||
|- | |- | ||
! Textalternativen für audiovisuelle Inhalte !! SuperX to do; 05.2024 !! Tools/Hilfen | ! 1.1. Textalternativen für audiovisuelle Inhalte !! SuperX to do; 05.2024 !! Tools/Hilfen | ||
|- | |- | ||
| Bilder mit Alternativtexten | | Bilder mit Alternativtexten versehen | ||
| | | prüfen/ergänzen | ||
* <alt>-Attribut für jedes <img> | * <alt>-Attribut für jedes <img> | ||
* falls kein Alternativtext existiert (für Bild mit reinem Dekozweck): </br> <img_src="..." alt=""> | * falls kein Alternativtext existiert (für Bild mit reinem Dekozweck): </br> <img_src="..." alt=""> | ||
* Sonderfall: inline svg | * Sonderfall: inline svg | ||
| | | | ||
* "web Developer" (Bowsererweitertung) | |||
|- | |- | ||
| Videos mit Untertiteln | | Videos mit Untertiteln versehen (sh. c't 2022, Heft 14, Beispiel S. 137) | ||
| prüfen/ergänzen | |||
| | |||
* "HappyScribe" (zur autom. Untertitelerzeugung) | |||
|- | |- | ||
! Textgröße | ! 1.2 Textgröße !! !! | ||
|- | |- | ||
| | | Text mit mind. 10-12px anbieten | ||
| prüfen/umsetzen | |||
|- | |- | ||
| | | Ordentliches Layout (Wort-, Zeilenabstände) sicherstellen, auch bei: | ||
* Textverdoppelung | |||
* Responsivität: von Viewport 1280 * 1024px (mit 400%igem Zoom) zu Viewport 320 * 265px (ca 50 Zeichen Text/Zeile) | |||
| prüfen/umsetzen | |||
| | |||
|- | |- | ||
! 1.3 Kontraste !! !! | |||
|- | |- | ||
| | | Kontrastverhältnis sichern; lt WCAG 2.0: | ||
* für Fließtext: 4,5 : 1 | |||
* für Überschriften: 3:1 | |||
* Problemfall: Text über Bildern | |||
| prüfen/umsetzen | |||
| | |||
* "WAVE" (Browsererweiterung) | |||
* Color Contrast Analyzer | |||
* Color Contrast Checker (zum Messen von Farbwerten) | |||
|- | |- | ||
! | ! 1.4 ARIA-Attribute (*) !! !! | ||
|- | |- | ||
| | | (*) Accessible Rich Internet Applications | ||
ARIA-Attribute für Screenreader einsetzen | |||
| prüfen/ergänzen | |||
| | |||
|- | |- | ||
! 2. Vorgaben zur BEDIENBARKEIT !! !! | |||
|- | |- | ||
| | | Bedienbarkeit per Tastatur ermöglichen durch: | ||
* Jump-, Skiplinks als Sprungmarken am Dokumentbeginn definieren | |||
| prüfen/umsetzen | |||
| | |||
|- | |- | ||
| | | Spezielle Reihenfolge anzuspringender Elemente zulassen/unterbinden: | ||
* HTML-Attribut tabindex setzen | |||
| prüfen/umsetzen | |||
| | |||
|- | |- | ||
| Darstellung von Maus- sowie Tastaturinteraktionen: | |||
* css-Pseudoklassen "hover" (für Mausinteraktionen) und "focus" (für Tataturbedienung) nutzen. | |||
| prüfen/umsetzen | |||
| | |||
|- | |||
| | |||
| | |||
|- | |- | ||
! 3. Vorgaben zur VERSTÄNDLICHKEIT !! !! | |||
|- | |- | ||
! 4. Vorgaben zur ROBUSTHEIT !! !! | |||
|} | |} | ||
Version vom 23. April 2024, 15:46 Uhr
Wie barrierefrei ist SuperX?
Geltende Vorschriften
Die Verpflichtung zur Barrierefreiheit von Websites gilt derzeit (noch) nur für Bundesbehörden. Sie geht hervor aus
- Barrierefreie Informationstechnik-Verordnung (BITV),
- mit Neuauflage von 2019
- mit Testverfahren aus 92 Einzeltests. Angelehnt ist die BITV an die
- Web Content Accessibility Guidelines (WCAG 2.0),
- herausgegeben von der Web-Standardisierungsorganisation W3C bzw.
- deren Arbeitsgruppe Web Accessability Initiative (WAI).
Barrierefreiheit
Die Barrierefreiheit soll Menschen mit unterschiedlichen Einschränkungen die Nutzung von Software bzw. Websites ermöglichen. Die Barrierefreiheit umfasst lt. WCAG 2.0 Anforderungen an:
- Wahrnehmbarkeit
- Bedienbarkeit
- Verständlichkeit
- Robustheit
Die Einstufung des Grades von Barrierefreiheit erfolgt über die Level A, AA, AAA (höchste Stufe).
Grad der Barrierefreiheit von SuperX
| 1. Vorgaben zur WAHRNEHMBARKEIT | ||
|---|---|---|
| 1.1. Textalternativen für audiovisuelle Inhalte | SuperX to do; 05.2024 | Tools/Hilfen |
| Bilder mit Alternativtexten versehen | prüfen/ergänzen
|
|
| Videos mit Untertiteln versehen (sh. c't 2022, Heft 14, Beispiel S. 137) | prüfen/ergänzen |
|
| 1.2 Textgröße | ||
| Text mit mind. 10-12px anbieten | prüfen/umsetzen | |
Ordentliches Layout (Wort-, Zeilenabstände) sicherstellen, auch bei:
|
prüfen/umsetzen | |
| 1.3 Kontraste | ||
Kontrastverhältnis sichern; lt WCAG 2.0:
|
prüfen/umsetzen |
|
| 1.4 ARIA-Attribute (*) | ||
| (*) Accessible Rich Internet Applications
ARIA-Attribute für Screenreader einsetzen |
prüfen/ergänzen | |
| 2. Vorgaben zur BEDIENBARKEIT | ||
Bedienbarkeit per Tastatur ermöglichen durch:
|
prüfen/umsetzen | |
Spezielle Reihenfolge anzuspringender Elemente zulassen/unterbinden:
|
prüfen/umsetzen | |
Darstellung von Maus- sowie Tastaturinteraktionen:
|
prüfen/umsetzen | |
| 3. Vorgaben zur VERSTÄNDLICHKEIT | ||
| 4. Vorgaben zur ROBUSTHEIT |
