PortaleBarrierefreiheit fürs Web

[12.04.2022] Bund, Länder und Kommunen sind gesetzlich zur barrierefreien Gestaltung ihrer Web-Seiten und Apps verpflichtet. Dabei sind ganz unterschiedliche Aspekte zu berücksichtigen. Unterstützung bieten Überwachungsstellen auf Bundes- und Landesebene.
Web-Seiten für alle zugänglich machen.

Web-Seiten für alle zugänglich machen.

(Bildquelle: Chansom Pantip/stock.adobe.com)

Stellen Sie sich vor, Sie sind blind und möchten online eine Bus- oder Bahnverbindung heraussuchen. Auf dem PC oder Smartphone nutzen Sie eine Sprachausgabe-Software, einen so genannten Screenreader, der vorliest, was gerade auf dem Bildschirm zu sehen ist. Bei den Feldern für die Start- und Zielhaltestelle sagt der Screenreader lediglich „Eingabefeld“ ohne weitere Beschriftung an. Dadurch wissen Sie nicht, was Sie eingeben müssen. Nach Auswahl des Datums für die Fahrt lädt die Seite außerdem neu, sodass Sie das Formular zur Fortsetzung der Eingabe erst wiederfinden müssen. Das Angebot ist somit nicht barrierefrei.
Damit solche frustrierenden Erlebnisse für Nutzende der Vergangenheit angehören, sind Bund, Länder, Kommunen und deren Beteiligungen durch die EU-Richtlinie 2016/2102 zur barrierefreien Gestaltung ihrer Web-Seiten und Apps verpflichtet. Dafür gibt es Bundes- und Landesgesetze, auf Bundesebene beispielsweise das Behindertengleichstellungsgesetz (BGG) und die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0). Zur Kontrolle der Einhaltung wurden Überwachungsstellen in Bund und Ländern eingerichtet.
Leider werden die Vorgaben laut Berichten zur Überwachungstätigkeit bisher noch unzureichend umgesetzt. In Sachsen betrifft dies beispielsweise etwa die Hälfte der Anforderungen. Auf ganz Deutschland bezogen sieht es nur wenig besser aus: Bei vereinfachten Überwachungen (Kurzprüfungen) wurden knapp 38 Prozent der Anforderungen als fehlerhaft – also nicht den Richtlinien zur barrierefreien Gestaltung entsprechend – bewertet.

Barrierefreiheit durchsetzen

Eine übergreifende Anforderung besteht darin, dass die öffentliche Stelle transparent über den Stand der Barrierefreiheit informiert. Dies geschieht über eine Erklärung zur Barrierefreiheit, die bei Web-Auftritten im Kopf- oder Fußbereich als Unterseite verlinkt wird. Bei einer mobilen Anwendung kann die Erklärung direkt in der App enthalten sein oder ein Link verweist von der App auf die zugehörige Erklärung auf einer Web-Seite. Die zuständigen Überwachungsstellen bieten Mustererklärungen an, die mit eigenen Angaben befüllt werden können. Neben der Information über den Stand der Barrierefreiheit sollen Nutzende auch die Möglichkeit haben, von ihnen identifizierte Barrieren zu melden. Dafür werden Kontaktangaben aufgeführt oder ein Eingabeformular bereitgestellt. Als dritter großer Block in der Erklärung wird das so genannte Durchsetzungsverfahren beschrieben: Falls die öffentliche Stelle auf eine Barrieremeldung von Nutzenden nicht reagiert, können sich diese an die zuständige Durchsetzungsstelle wenden. Sie soll im Dialog eine gütliche Einigung von öffentlicher Stelle und Nutzenden ermöglichen. Die technischen Anforderungen sind in den Web Content Accessibility Guidelines (WCAG), der Norm EN 301 549 und bei PDF-Dokumenten zusätzlich im Standard PDF/UA zu finden.

Korrekte Semantik im Quelltext

Die Basis der Barrierefreiheit bildet die korrekte Semantik im Quelltext der Web-Seite oder App. Das bedeutet, eine optisch für den nachfolgenden Text erkennbare Überschrift muss im Quelltext als solche gekennzeichnet sein. Blinde Menschen können mit dem Screenreader die Überschriftenstruktur der Seite wie ein Inhaltsverzeichnis erfassen und über Tastenkürzel zu einer bestimmten Überschrift springen. Des Weiteren öffnet sich die Navigation auf mobilen Geräten häufig durch Drücken eines Symbols. Semantisch handelt es sich um eine Schaltfläche – im HTML-Quelltext einer Web-Seite ein Button-Element. Blinde Menschen erfahren von der Funktion als Navigation, wenn zu diesem Symbol für die Ausgabe von Screenreadern zusätzlich ein Alternativtext im Quelltext genannt ist. Die korrekte Auszeichnung einer Schaltfläche hat auch Vorteile für Menschen mit motorischen Einschränkungen, die oft keine Maus bedienen können oder in der Touch-Bedienung eingeschränkt sind. Sie nutzen beispielsweise die Tastatur und navigieren mit der Tabulator-Taste durch die Web-Seite oder App. Schaltflächen werden dabei nur angesprungen, wenn sie im Quelltext als solche gekennzeichnet sind.

Stolpersteine kennen

Nach dem Onlinezugangsgesetz (OZG) sollen öffentliche Stellen ihre Bürgerdienstleistungen künftig online anbieten. Das beinhaltet häufig Formulare. Wie eingangs am Beispiel der Bus-und-Bahn-Verbindung beschrieben, müssen die Eingabefelder eine aussagekräftige, sichtbare Beschriftung haben. Ist die Beschriftung mit dem Eingabefeld im Quelltext verknüpft, können Screenreader sie vorlesen; ein Mausklick auf die Beschriftung lässt den Fokus zur Eingabe direkt in das Feld springen. Letzteres ist ein Vorteil für Menschen mit zittriger Hand, die ein Element bei größerer Klickfläche (Eingabefeld und Beschriftung) leichter anwählen können.
Ein guter Kontrast zwischen Vorder- und Hintergrund ist sowohl für Texte als auch für Symbole von Schaltflächen oder für Hervorhebungen der Fokusgestaltung von Maus und Tastatur wichtig. Dazu müssen gut sichtbare Kombinationen aus Schrift- und Hintergrundfarbe gewählt werden. Problematisch sind automatische Animationen, wie etwa bewegte Bilderschauen auf der Startseite. Insbesondere Menschen mit geistigen Einschränkungen können dadurch abgelenkt werden. Daher muss die Möglichkeit bestehen, die Animation zu stoppen.
Der Download von Dateien, etwa von PDF-Dokumenten, muss ebenfalls barrierefrei möglich sein. Auch hier spielt die Semantik eine große Rolle und muss bereits im Quelldokument, etwa Word oder InDesign, Berücksichtigung finden, beispielsweise in Form von Formatvorlagen für Überschriften oder Programmfunktionen für Tabellen. Für technisch prüfbare Anforderungen kann der kostenfreie PDF Accessibility Checker (PAC) 2021 genutzt werden. Allgemein empfiehlt es sich, Formulare als Web-Seite statt als PDF-Dokument anzubieten. Da PDFs ein festes Format haben, muss auf Smartphones bei lesbarer Schriftgröße zeilenweise nach rechts und links gescrollt werden, um alle Inhalte zu erfassen. Bei HTML dagegen können Inhalte bei fehlendem Platz in die nächste Zeile umbrechen.

Kontinuierlicher Prozess

Bei Fragen können sich Ämter und Behörden an die zuständige Überwachungsstelle des jeweiligen Bundeslands oder des Bundes wenden. Meist beraten die Stellen zu gesetzlichen und technischen Fragestellungen, die allgemein oder sehr detailliert sein können. Je nach Bundesland werden auch Schulungen angeboten oder es wird auf Ansprechpartner verwiesen.
Barrierefreiheit ist ein kontinuierlicher Prozess, da sich Inhalte und Technologien ebenso verändern wie die Anforderungen. Hilfreich ist es, wenn sich ein Verwaltungsmitarbeiter dem Thema schwerpunktmäßig widmen kann. Auch IT-Dienstleister sollten sich mit Barrierefreiheit auskennen. Bei der Behebung von Barrieren gilt es, Prioritäten zu setzen und zunächst schwerwiegende und anschließend kleinere Fehler zu beseitigen. Bei Neuentwicklungen wie den OZG-Leistungen sollte die Barrierefreiheit von Anfang an berücksichtigt und, wenn möglich, Menschen mit Einschränkungen in den Prozess einbezogen werden.

Johannes Fischer leitet die Überwachungsstelle für Barrierefreiheit von Informationstechnik in Sachsen.




Weitere Meldungen und Beiträge aus dem Bereich: CMS | Portale
Kriseninternet des Landes Baden-Württemberg auf einem Handy

Baden-Württemberg: Kriseninternet in neuer Version

[10.10.2024] Das Kriseninternet des Landes Baden-Württemberg wurde umfassend überarbeitet. Seit Anfang des Monats ist das komplett neu entwickelte System in Betrieb. 
 mehr...

Hessen: Hochwasserportal überarbeitet

[25.09.2024] Das neu gestaltete Hochwasserportal Hessen ist ab sofort für die Öffentlichkeit zugänglich. Mit verbessertem Design, erhöhter IT-Sicherheit und optimierter Lesbarkeit auf Mobilgeräten soll es Bürgerinnen und Bürgern eine einfache und umfassende Information über den Hochwasserschutz in Hessen bieten. mehr...

Hamburg: Geoportal überarbeitet

[19.09.2024] Das Hamburger Geoportal bietet verschiedenste Funktionen und stellt über 500 Datensätze zu Themen wie Stadtentwicklung, Bildung und Verkehr frei zur Verfügung. Nun steht eine überarbeitetet Version des Portals bereit. mehr...

KI-generierte abstrakte Illustration: Moos, Schmetterling, gepixelte Linien und Quadrate

Brandenburg: Umweltinformationssystem modernisiert

[03.09.2024] Das Brandenburger Umweltportal LUIS-BB wurde überarbeitet und erweitert. Es bietet ab sofort mehr Informationen zu verschiedensten Themen aus dem Agrar-Umweltressort, interaktive Karten, eine nutzerfreundlichere und bessere Darstellung sowie weitere Möglichkeiten für die individuelle Nutzung. mehr...

Niedersachsen: Pilot für Online-Arbeitsschutzleistungen

[08.08.2024] Niedersachsen hat ein Pilotprojekt für digitale Verwaltungsleistungen beim Arbeitsschutz gestartet. Damit sollen zum einen die Bürgerfreundlichkeit erhöht und zum anderen die Behörden entlastet werden. mehr...

Bundesportal: Neuer Einstieg

[31.07.2024] Das Bundesportal hat eine neue Startseite erhalten. Im Vordergrund standen dabei die bessere Auffindbarkeit von Informationen sowie die Nutzung mit mobilen Endgeräten. mehr...

Ein Plakat bewirbt am Bahnhof Köln Messe/Deutz das Your-Europe-Portal.

Your Europe: Plakatwerbung für die Plattform

[17.07.2024] Im Sinne des Single Digital Gateway fungiert das Your-Europe-Portal als zentraler Zugang zu den digitalen Angeboten der öffentlichen Verwaltung aller europäischen Mitgliedstaaten. Um die Plattform bekannter zu machen, wurde eine Plakatkampagne in fünf europäischen Städten – darunter Köln – durchgeführt. mehr...

Foto eines Waldes von oben, versehen mit Sprechblasen, die symbolisch auf bestimmte Orte im Wald hinweisen.

Rheinland-Pfalz: Transparente Waldwirtschaft

[11.07.2024] In Rheinland-Pfalz listet ein neues Online-Portal alle Ergebnisse der Nachhaltigkeitszertifizierung FSC (Forest Stewardship Council) auf. Interessierte können hier Beanstandungen und deren Behebung nachvollziehen oder erfahren, wo etwas gut läuft. Eine App erleichtert außerdem den FSC-Autorinnen und Autoren die Dokumentation vor Ort. mehr...

Schildkröte auf Hand.

Schleswig-Holstein: Portal zur Meldung geschützter Arten

[08.07.2024] Nach Baden-Württemberg und Rheinland-Pfalz nutzt nun auch Schleswig-Holstein das Online-Portal zum Melde- und Bescheinigungswesen im Artenschutz (MelBA-online). Über die Plattform können sowohl die Halter geschützter Arten als auch die zuständigen Sachbearbeiter einfacher ihren Pflichten nachkommen. mehr...

Blick von der Seite auf einen Schreibtisch mit zwei geöffneten Laptops, Arbeitsunterlagen und Personen im Anschnitt.

eGov-Campus: Online-Campus wächst weiter

[24.05.2024] Im Herbst 2020 ist der eGov-Campus als (Weiter-)Bildungsplattform mit Online-Kursen zur Verwaltungsdigitalisierung gestartet. Die Deutsche Universität für Verwaltungswissenschaften in Speyer hat den Auftrag zur Weiterentwicklung. Dort hält heute seine Hendrik Scholta seine Antrittsvorlesung. mehr...

Das Bild zeigt NRW-Integrationsministerin Josefine Paul.

Nordrhein-Westfalen: Neustart für das Portal Integrationsmonitoring

[14.05.2024] Das überarbeitete Datenportal des Landes Nordrhein-Westfalen zum Thema Integration bietet eine verbesserte grafische Darstellung der Daten und ein interaktives Nutzererlebnis. mehr...

Bayern: EFRE Bavaria modernisiert

[30.04.2024] Mithilfe von cit intelliForm modernisiert der Freistaat Bayern seine Plattform für EFRE-Förderungen und erleichtert so die Kommunikation und den Datenaustausch zwischen Fördermittelempfangenden und bewilligender Stelle. Die Anbindung an das Unternehmenskonto vereinfacht die Authentifizierung und macht eine Unterschrift obsolet. 
 mehr...

Das Bild zeigt einen Screenshot der Registerlandkarte.

Registermodernisierung: Durch Register navigieren

[29.04.2024] Das Bundesverwaltungsamt hat die erste Version einer Registerlandkarte veröffentlicht. Die Online-Plattform ist ein wichtiger Baustein der Registermodernisierung und der Umsetzung des Once-Only-Prinzips. mehr...

Rheinland-Pfalz: Portal für Ehrenamtliche renoviert

[24.04.2024] Das Ehrenamtsportal der Landesregierung Rheinland-Pfalz präsentiert sich nach einem umfassenden Relaunch in neuem Design und mit verbesserten Funktionen. mehr...

Linie6Plus: NRW tritt bei

[23.04.2024] Das Land Nordrhein-Westfalen ist dem technischen Entwicklerverbund Linie6Plus beigetreten. Ziel der „Infodienste Linie6Plus“ ist es, alle Leistungen der öffentlichen Verwaltung vernetzt und über ein einziges Portal deutschlandweit auffindbar zu machen. mehr...