SuperX barrierefrei: Unterschied zwischen den Versionen

Version vom 17. März 2026, 07:29 Uhr

Wie barrierefrei ist SuperX?

Barrierefreiheit - Geltende Vorschriften

Die Verpflichtung zur Barrierefreiheit von Websites 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 (aktuell WCAG 2.2) ,
- herausgegeben von der Web-Standardisierungsorganisation W3C bzw.
- deren Arbeitsgruppe Web Accessability Initiative (WAI)
Barrierefreiheitsstärkungsgesetz (BFSG) = Gesetz zur Umsetzung der VO 2029/882 (European Accessibility Act, EAA) des EU-Parlaments u. des Rats für Barrierefreiheitsanaforderungen für Produkte und Dienstleistungen,
- es verlangt: ab 28.06.2025 müssen online angebotene Produkte barrierefrei sein.

Die Barrierefreiheit soll Menschen mit unterschiedlichen Einschränkungen die Nutzung von Software bzw. Websites ermöglichen. Die Barrierefreiheit umfasst lt. WCAG Anforderungen an:

Wahrnehmbarkeit
Bedienbarkeit
Verständlichkeit
Robustheit

Die Einstufung des Grades von Barrierefreiheit erfolgt über die Level A, AA, AAA (höchste Stufe). Testangebote siehe: https://bitvtest.de/tests-und-beratung/bik-bitv-test-web

Barrierefreiheit mit Realisierungsgrad in SuperX-Dialogen, Stand 03.2026

Übersicht

Testergebnisse nach WCAG 2.2 gem. ARC-Toolkit (V. 5.7.10)	Login-Seite	Portlet-Seite(nach Login) (index.jsp)	Menü-Seite (nach Klick auf Standardberichte) (menuhtml.xsl und submenu_html.xsl)	Abfragen-Seite(nach Themenwahl)	Masken-Seite(maske_html.xsl)	Tabellen-Seite(tabelle_html.xsl)
Seitennavigation und Sprache	ok	--	--	ok	--	ok
Tastaturbedienbarkeit, Fokusreihenfolge	ok	ok	ok	ok	ok	ok
Interaktive Controls/Beschriftungen: Labelkennzeichnung, Name, Rolle, Wert	ok	ok	ok	ok	ok	ok
Pflichtfeldkennzeichnung	ok	--	--	--	ok	--
Textwiederholung (repetitive content)	ok	ok	ok	ok	ok	ok
Autocomplete	ok	--	--	--	--	--
Struktur und Semantik	ok	ok	ok	ok	ok	ok
Usability	ok	ok	ok	ok	--	ok
Fehlermeldung	vorbereitet	--	--	--	vorbereitet	--

@@ Zeile 21: / Zeile 21: @@
 Testangebote siehe: https://bitvtest.de/tests-und-beratung/bik-bitv-test-web
-=== Barrierefreiheit mit Realisierungsgrad in SuperX-Dialogen, Stand 02.2026 ===
+=== Barrierefreiheit mit Realisierungsgrad in SuperX-Dialogen, Stand 03.2026 ===
+==== Übersicht ====
 <table class="wikitable"><tr><th style="background-color:#eeeeec;text-align:left;width:0px;" class="" data-mce-style="text-align: left;"><span style="color: #204a87"><span class="col-blue-navy">'''Testergebnisse nach'''</span></span> <span style="color: #204a87"><span class="col-blue-navy">'''WCAG 2.2'''</span></span> <span style="color: #204a87"><span class="col-blue-navy">'''gem.'''</span></span> <span class="col-blue-navy">'''ARC-Toolkit'''</span> <span class="col-blue-navy">(V. 5.7.10)</span> </th><th style="background-color:#eeeeec;" class="">'''Login-Seite'''</th><th style="background-color:#eeeeec;" class="">'''Portlet-Seite'''(nach Login)
 ''(index.jsp)''
@@ Zeile 30: / Zeile 31: @@
 </th><th style="background-color:#eeeeec;" class="">'''Abfragen-Seite'''(nach Themenwahl)</th><th style="background-color:#eeeeec;" class="">'''Masken-Seite'''''(maske_html.xsl)''</th><th style="background-color:#eeeeec;" class="">'''Tabellen-Seite'''''(tabelle_html.xsl)''</th></tr><tr><th style="vertical-align:middle;text-align:left;background-color:#eeeeec;width:0px;" class="">'''<span style="color: #204a87">Seitennavigation und Sprache</span>'''</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">ok</th></tr><tr><th style="background-color:#eeeeec;vertical-align:middle;text-align:left;width:0px;" class="" data-mce-style="text-align: left;">'''<span style="color: #204a87">Tastaturbedienbarkeit, Fokusreihenfolge</span>'''</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th></tr><tr><td style="background-color:#eeeeec;vertical-align:middle;text-align:left;width:0px;" class=""><span style="color: #204a87">'''Interaktive Controls/Beschriftungen: Labelkennzeichnung, Name, Rolle, Wert'''</span></td><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th></tr><tr><td style="background-color:#eeeeec;vertical-align:middle;text-align:left;width:0px;" class="">'''<span style="color: #204a87">Pflichtfeldkennzeichnung</span>''' </td><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">--</th></tr><tr><th style="background-color:#eeeeec;vertical-align:middle;text-align:left;width:0px;" class="" data-mce-style="text-align: left;">'''<span style="color: #204a87">Textwiederholung (repetitive content)</span>''' </th><th style="" class="col-white-bg"> ok</th><th style="" class="col-white-bg"> ok</th><th style="" class="col-white-bg"> ok</th><th style="" class="col-white-bg"> ok</th><th style="" class="col-white-bg"> ok</th><th style="" class="col-white-bg">ok</th></tr><tr><th style="background-color:#eeeeec;vertical-align:middle;text-align:left;width:0px;" class="">'''<span style="color: #204a87">Autocomplete</span>'''</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">--</th></tr><tr><th style="background-color:#eeeeec;vertical-align:middle;text-align:left;width:0px;" class="" data-mce-style="text-align: left;">'''<span style="color: #204a87">Struktur und Semantik</span>'''</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th></tr><tr><td style="background-color:#eeeeec;vertical-align:middle;text-align:left;width:0px;" class="" data-mce-style="text-align: left;"><strong><span style="color: #204a87">Usability</span></strong></td><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">ok</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">ok</th></tr><tr><td style="background-color:#eeeeec;vertical-align:middle;text-align:left;width:0px;" class="">'''<span style="color: #204a87">Fehlermeldung</span>'''
 </td><th style="" class="col-white-bg">vorbereitet</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">--</th><th style="" class="col-white-bg">vorbereitet</th><th style="" class="col-white-bg">--</th></tr></table>
+==== Ergebnis je Seite ====
+===== Login-Seite =====
+{{ImagePara |imgsrc=Login.jpg|width=800px|caption=Login-Seite}}
+{{ImagePara |imgsrc=ARC4Login.jpg|width=800px|caption=Testergebnis für Login-Seite}}
+===== Portlet-Seite =====
+{{ImagePara |imgsrc=Portlets.jpg|width=800px|caption=Portlet-Seite}}
+{{ImagePara |imgsrc=ARC4Portlets.jpg|width=800px|caption=Testergebnis für Portlet-Seite}}
+===== Menü-Seite =====
+{{ImagePara |imgsrc=Menue.jpg|width=800px|caption=Menü-Seite}}
+{{ImagePara |imgsrc=ARC4Menue.jpg|width=800px|caption=Testergebnis für Menü-Seite}}
+===== Abfragen-Seite =====
+{{ImagePara |imgsrc=Abfragen.jpg|width=800px|caption=Abfragen-Seite}}
+{{ImagePara |imgsrc=ARC4Abfragen.jpg|width=800px|caption=Testergebnis für Abfragen-Seite}}
+===== Masken-Seite =====
+{{ImagePara |imgsrc=Maske.jpg|width=800px|caption=Masken-Seite}}
+{{ImagePara |imgsrc=ARC4Maske.jpg|width=800px|caption=Testergebnis für Masken-Seite}}
+===== Tabellen-Seite =====
+{{ImagePara |imgsrc=Tabelle.jpg|width=800px|caption=Tabellen-Seite}}
+{{ImagePara |imgsrc=ARC4Tabelle.jpg|width=800px|caption=Testergebnis für Tabellen-Seite}}
 <!--===Barrierefreiheit-Detailvorgaben mit Realisierungsgrad in SuperX, Stand 02.2026===
 <table class="wikitable"><tr><th style="text-align:left;" data-mce-style="text-align: left;">'''<span class="col-blue-navy">1. Vorgaben zur WAHRNEHMBARKEIT = Level 1</span>'''</th><th>'''<span class="col-blue-navy">Realisierungsgrad</span>'''</th><th>'''<span class="col-blue-navy">Tools/Hilfen</span>'''</th></tr><tr><th style="text-align:left;" data-mce-style="text-align: left;">'''1.1. Textalternativen für audiovisuelle Inhalte'''</th><th></th><th></th></tr><tr><td style="text-align:left;" data-mce-style="text-align: left;">Bilder mit '''Alternativtexte'''n versehen: