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 > Level 1 | SuperX-Status, 05.2025 |
|---|---|
| 1.1. Textalternativen für audiovisuelle Inhalte | |
| Bilder mit Alternativtexten versehen. | Partiell ok.
Rest in Bearbeitung. |
| 1.2 Textgröße | |
| Text mit mind. 10-12px anbieten. | ok.
(sh. sx_common.css) |
| Ordentliches Layout (Wort-, Zeilenabstände) sicherstellen, auch bei Textverdoppelung und Responsivität: von Viewport 1280 * 1024px (mit 400%igem Zoom) zu Viewport 320 * 265px (ca 50 Zeichen Text/Zeile) | ok. |
| 1.3 Kontraste | |
| Kontrastverhältnis sichern.
(gem. WCAG 2.0). | ok. |
| 1.4 ARIA-Attribute (Accessible Rich Internet Applications) | |
| ARIA-Attribute für Screenreader einsetzen | Partiell ok.
Rest in Bearbeitung. |
| 2. Vorgaben zur BEDIENBARKEIT > Level 2 (vgl. Beispiele in c't 2022, Heft 15, S. 165) | |
| Bedienbarkeit per Tastatur ermöglichen. | Partiell ok.
Rest in Bearbeitung. |
| Spezielle Reihenfolge anzuspringender Elemente zulassen/unterbinden: | Partiell ok.
Rest in Bearbeitung. |
| Maus- und Tastaturinteraktionen (hover/focus) darstellen. | ok. |
| Downloadlinks ergänzen um Format der verknüpften Dokumente, z.B.: "PDF, 6,8 Megabyte, nicht barrierefrei". | ok. |
| Suchfunktionen integrieren in komplexe Websites. | ok. |
| Modenen Spamschutz wie "reCaptcha v 3" von Google verwenden, der im Gegensatz zu herkömmlichen captchas ohne Benutzerinteraktion funktioniert. | In Bearbeitung. |
| Zeitdruck und Datenverlust beim Beenden einer Session vermeiden. | In Bearbeitung. |
| 3. Vorgaben zur VERSTÄNDLICHKEIT > Level 3 (vgl. Beispiele in c't 2022, Heft 15, S. 166) | |
| Sprache angeben zum besseren Artikulieren durch Screeenreader. | Partiell ok.
Rest in Bearbeitung. |
| Textalternativen integrieren. | ok
(sh. Tooltips) |
| Eingabefelder mit ARIA-Label beschriften. | Partiell ok.
Rest in Bearbeitung. |
| Formularabschnitte beschriften. | ok. |
| Clientseitige Validierung der Eingaben vor dem Absenden. | ok. |
| 4. Vorgaben zur ROBUSTHEIT > Level 4 | |
| Für sauberes HTML sorgen. | ok. |