Barrierefreiheit bei DiWoka

Barrierefreiheit bedeutet, dass Du digitale Angebote unabhängig von Deinen individuellen Fähigkeiten und den von Dir verwendeten Hilfsmitteln möglichst einfach nutzen kannst. Deshalb achten wir bei DiWoka darauf, Inhalte verständlich aufzubereiten, Bedienelemente eindeutig zu gestalten und wichtige Funktionen auch mit unterstützenden Technologien zugänglich zu machen. (Quelle: Ionic Accessibility Guide)

Dabei verstehen wir Barrierefreiheit nicht als einmalige Aufgabe. Sie ist ein fortlaufender Bestandteil von Gestaltung, Entwicklung und Qualitätssicherung.

DiWoka mit der Tastatur bedienen

Du kannst wichtige Funktionen von DiWoka mit der Tastatur bedienen, ohne dafür eine Maus oder ein Touchpad verwenden zu müssen. Mit der Tab-Taste bewegst Du Dich durch interaktive Elemente wie Eingabefelder, Schaltflächen und Auswahlmöglichkeiten.

Das aktuell ausgewählte Element soll dabei visuell erkennbar sein. So kannst Du jederzeit nachvollziehen, an welcher Stelle der Anwendung Du Dich gerade befindest.

Je nach Bedienelement kannst Du zusätzlich die Pfeiltasten verwenden. Geöffnete Dialoge und Menüs lassen sich, sofern von der jeweiligen Funktion unterstützt, mit der Escape-Taste (Esc) schließen.

Unterstützung von Screenreadern

DiWoka berücksichtigt die Nutzung von Screenreadern und anderen assistiven Technologien. Eine semantisch aufgebaute Seitenstruktur hilft diesen Hilfsmitteln dabei, Überschriften, Navigation, Schaltflächen und andere Inhalte korrekt zu erkennen und verständlich wiederzugeben.

Bedienelemente werden dabei nicht nur über ihre optische Darstellung vermittelt. Wo zusätzliche Informationen notwendig sind, können zugängliche Beschriftungen, Rollen und Statusinformationen dafür sorgen, dass auch ohne visuelle Wahrnehmung verständlich bleibt, welche Funktion ein Element hat.

Klare Struktur und verständliche Navigation

Eine übersichtliche Struktur erleichtert Dir die Orientierung in DiWoka. Überschriften gliedern Inhalte in nachvollziehbare Abschnitte und unterstützen gleichzeitig die Navigation mit assistiven Technologien.

Auch Bereiche wie Navigation, Hauptinhalt und ergänzende Inhalte werden technisch voneinander unterschieden. Dadurch können Screenreader die Struktur einer Seite besser vermitteln und Du kannst schneller zum gewünschten Inhalt navigieren.

Gute Lesbarkeit und ausreichende Kontraste

Texte und wichtige Bedienelemente benötigen einen ausreichenden Kontrast zum Hintergrund, damit sie auch bei eingeschränktem Sehvermögen gut erkennbar sind. Als Richtwert für normalen Text gilt auf Konformitätsstufe WCAG AA ein Kontrastverhältnis von mindestens 4,5:1, für große Schrift von mindestens 3:1.

Informationen sollten außerdem nicht ausschließlich durch Farben vermittelt werden. So bleibt beispielsweise eine Meldung auch dann verständlich, wenn Du bestimmte Farben nicht oder nur eingeschränkt unterscheiden kannst.

Inhalte vergrößern

Wenn Dir Texte oder Bedienelemente zu klein erscheinen, kannst Du die Zoom-Funktion Deines Browsers oder Geräts verwenden. Die Möglichkeit zum Vergrößern sollte nicht technisch unterbunden werden, da sie insbesondere Menschen mit eingeschränktem Sehvermögen beim Lesen und Bedienen unterstützt.

Auf einem Computer kannst Du beispielsweise die Zoom-Funktion Deines Browsers nutzen. Auf mobilen Geräten stehen Dir zusätzlich die jeweiligen Vergrößerungs- und Bedienungshilfen des Betriebssystems zur Verfügung.

Bilder und Symbole verständlich erfassen

Inhaltlich relevante Bilder benötigen eine Textalternative, damit ihre wesentliche Aussage auch mit einem Screenreader erfasst werden kann. Enthält eine Grafik wichtigen Text, sollte auch diese Information in der Alternative berücksichtigt werden.

Bei anklickbaren Symbolen ist vor allem die Funktion wichtig. Statt lediglich die Optik eines Symbols zu beschreiben, sollte für assistive Technologien beispielsweise erkennbar sein, ob damit eine Suche gestartet, ein Eintrag gelöscht oder ein Dialog geschlossen wird.

Weniger Bewegung und Animationen

Starke oder großflächige Bewegungen auf dem Bildschirm können bei manchen Menschen unter anderem Schwindel, Übelkeit oder Kopfschmerzen auslösen. Deshalb sollten nicht notwendige Animationen reduziert werden können.

Wenn Du in Deinem Betriebssystem die Einstellung „Bewegung reduzieren“ beziehungsweise eine vergleichbare Funktion aktiviert hast, können Webanwendungen diese Einstellung erkennen und Animationen entsprechend reduzieren. (Quelle: Ionic Accessibility Guide)

Barrierefreiheit hilft allen

Eine barrierefreie Gestaltung unterstützt nicht nur Menschen mit dauerhaften Einschränkungen. Auch bei vorübergehenden oder situationsbedingten Einschränkungen – beispielsweise wenn Du gerade keine Maus verwenden kannst, Inhalte auf einem kleinen Bildschirm liest oder unter schwierigen Lichtverhältnissen arbeitest – können klare Strukturen und flexible Bedienmöglichkeiten hilfreich sein.

Barrierefreiheit ist deshalb ein wichtiger Bestandteil einer guten User Experience. Sie wird bereits bei Planung und Gestaltung berücksichtigt und begleitet anschließend Entwicklung und Qualitätssicherung. (Quelle: Ionic Accessibility Guide)

Barrierefreiheit weiter verbessern

Digitale Barrierefreiheit ist ein kontinuierlicher Prozess. Unterschiedliche Geräte, Browser und assistive Technologien können dazu führen, dass Barrieren erst bei der tatsächlichen Nutzung sichtbar werden.

Wenn Dir bei der Arbeit mit DiWoka eine Barriere oder ein Problem bei der Bedienung auffällt, freuen wir uns über Deinen Hinweis. Eine möglichst genaue Beschreibung hilft dabei, das Problem nachzuvollziehen und die Zugänglichkeit von DiWoka weiter zu verbessern.