Was bedeutet eigentlich digitale Barrierefreiheit?

Nach dieser Anleitung kann jeder einmal ausprobieren, was digitale Barrierefreiheit eigentlich bedeutet. Einfach eine Webseite auswählen (am Besten die Eigene) und folgende Schritte durchführen:

1. Lege die Maus beiseite.

Alle Interaktionen in einem Programm sollten mit der Tastatur bedienbar sein, damit motorisch eingeschränkte und blinde Nutzer die Anwendung bedienen können. Um dich in ihre Lage zu versetzen, öffne eine bekannte Webseite oder Anwendung und nutze die Tabulatortaste, zur Navigation. Was passiert?

  • Ist der Fokus auf allen interaktiven Elementen gut sichtbar?
  • Können alle Menüs, Register, Buttons, Links erreicht und mit der Tastatur bedient werden?
  • Gibt es eine sinnvolle Fokus-Reihenfolge?
  • Werden Tooltips von Icons angezeigt?

2. Vergrößere die Texte.

Sehbeeinträchtigte Nutzer sind sehr häufig auf große Vergrößerungen angewiesen und benutzen teilweise eine sog. Bildschirmlupe. Dabei sollten weder Inhalte noch Funktionalitäten der Anwendung verloren gehen. Versetze dich in ihre Lage und stelle den Browser-Zoom auf 200% (im Internet Explorer > Zahnrad-Icon oben rechts > Zoom > 200% oder 4x Strg-+). Was passiert?

  • Sind alle Inhalte weiterhin lesbar?
  • Wird Inhalt verdeckt?

Ändere die Vergrößerung auf 400% (im Internet Explorer im Menü unter Seite > Zoom > 400% bzw. im Chrome unter dem Dreipunkt-Menü unter Zoomen > 400%). Was passiert?

  • Sind alle Inhalte ohne horizontales Scrollen sichtbar?
  • Brechen die Inhalte sinnvoll um?
  • Können fehlende Inhalte auf andere Weise angezeigt werden (z. B. über ein Hamburger-Menü)?

3. Stelle einen hohen Kontrast ein.

Für alle Nutzer ist ein ausreichender Helligkeits-kontrast notwendig, damit die Augen bei der Bildschirmarbeit nicht ermüden und alle Inhalte problemlos wahrgenommen werden können. Sehbeeinträchtigte und insbesondere farbfehlsichtige Benutzer können teilweise bestimmte Farben oder Farbkombinationen nicht gut wahrnehmen und nutzen den sog. Hochkontrast-modus von Windows. Um das auszuprobieren, wechselt man einfach mit der Tastenkombination linke ALT-TASTE + linke UMSCHALT-Taste + DRUCK-Taste. Was passiert?

  • Sind alle Inhalte weiterhin sichtbar?
  • Werden auch die Icons weiterhin angezeigt?

4. Betrachte die Formulare.

Viele Webseiten und Anwendungen beinhalten Formularfelder (Eingabefelder, Checkboxen, Radio-Buttons). Die Bezeichnungen (Label) geben Auskunft über den Inhalt des jeweiligen Formularelementes. Diese müssen auch für motorisch eingeschränkte und blinde Nutzer zugänglich sein und besondere Anforderungen erfüllen. Untersuche die Anwendung unter Berücksichtigung der folgenden Aspekte:

  • Sind die Bezeichnungen aussagekräftig?
  • Klicke auf die Bezeichnungen, bekommt das zugehörige Eingabefeld den Fokus?
  • Werden alle Formularfelder mit der Tabulator-Taste in einer sinnvollen Reihenfolge angesprungen (ggf. auch Enter-, Pfeil- und Leertaste)?
  • Gibt es Anweisungen oder Hinweise für die einzugebenden Werte, wo erforderlich?

Und nun? Wie steht es um die digitale Barrierefreiheit bei Ihnen? Diese Tests sind tatsächlich Bestandteil digitaler Barrierefreiheit. Allerdings umfassen sie nur einen kleinen Ausschnitt der Gesamtprüfung, für den keine umfassenden Kenntnisse über html, css und js erforderlich sind. Suchen Sie nach professioneller Beratung und Begleitung in Ihrem Projekt? Möchten Sie Ihre Anwendung/Website von mir auf Barrierefreiheit überprüfen lassen, sowie Empfehlungen zur Optimierung erhalten? Ich informiere und beraten Sie rund um das Thema digitale Barrierefreiheit.

Weitere Tipps und Tricks für jeden, der die digitale Barrierefreiheit seiner Anwendung/Website verbessern möchte, befinden sich im Wiki.

Leistungen


Beratung

Was bedeutet digitale Barrierefreiheit für Ihr Geschäft? Ich unterstütze Sie bei der Suche nach Verbesserungspotenzial.

Entwicklungsbegleitung

Sie planen eine neue Website? Ich unterstütze Ihre Konzeption bezüglich Usability und Barrierefreiheit.

Barrierefreiheitsprüfung

Ihre Website ist von der neuen EU-Richtlinie 2018/1808 vom 19.12.2018 betroffen? Ich prüfe Ihre Website nach den Vorgaben der BITV / WCAG und erstelle einen Maßnahmenplan zur Prüfungsvorbereitung.

Schicken Sie Ihre Anfrage einfach an info@reiter-consulting.de.

Kontaktdaten

Reiter-Consulting
Inh.: Dipl.-Ing. Dirk Reiter
Danziger Str. 4, 25335 Elmshorn
Tel.: 04121 / 8984281
eMail: info@reiter-consulting.de

UXQB Certification Logo UXQB Certified Professional
for Usability and User
Experience Foundation Level
Zertifikatsnummer: 19-CPUXFL-158739-27