Usability und digitale Barrierefreiheit

Ein unschlagbares Paar.

Usability und digitale Barrierefreiheit – ein unschlagbares Paar

Usability (Software-Ergonomie) und digitale Barrierefreiheit hängen direkt zusammen. Die Kombination daraus führt zu einer umfassenderen und inklusiveren Benutzererfahrung. Sie erfahren im Beitrag, wie Anforderungen an die Barrierefreiheit auch die Usability für alle Menschen verbessern und umgekehrt.  

Wir starten mit einer kurzen Definition, die den Zusammenhang zwischen Usability und digitaler Barrierefreiheit verdeutlicht. Usability bedeutet, dass Anwendungen den Nutzenden dabei helfen, ihr Ziel effizient und zufriedenstellend zu erreichen. Ein anderes, weniger modernes Wort dafür ist Software-Ergonomie und auch das deutsche Wort „Gebrauchstauglichkeit“ ist sehr treffend. Die Barrierefreiheit (Accessibility, kurz A11Y) wiederum sorgt dafür, dass Anwendungen von allen Nutzenden verwendet werden können, unabhängig von ihren Einschränkungen. Beides hängt also unmittelbar zusammen und sollte daher auch gemeinsam betrachtet werden, beispielsweise bei der Umsetzung von Web-Anwendungen.  

Normen und vom Gesetzgeber definierte Anforderungen 

Die digitale Barrierefreiheit ist auf Bundesebene im Behindertengleichstellungsgesetz (BGG) und der Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) verankert. Bundesländergesetze können von den Anforderungen auf Bundesebene abweichen.

„In Kundenprojekten müssen wir daher immer darauf achten, in welchem Bundesland wir gerade unterstützen, und die jeweiligen Ländergesetze vor Augen haben. Die bekanntesten weltweiten Richtlinien, die Anforderungen an die Barrierefreiheit für digitale Produkte enthalten, sind die Norm EN 301549 und die Web Content Accessibility Guidelines 2.1 bzw. 2.2“,

erläutert Knut Ludwiczak, Senior Accessibility Consultant bei Materna.  

In der Norm EN 301549 ist auf über 180 Seiten detailliert nachlesbar, welche Anforderungen an Web-Anwendungen, Non-Web-Anwendungen, Applikationen, Apps, Dokumente usw. bestehen. Bei den ergonomischen Anforderungen ist die Normenreihe DIN EN ISO 9241 (Ergonomie der Mensch-System-Interaktion) besonders relevant. Hervorzuheben sind in dieser Normenreihe die Teile 110 und 112, die Empfehlungen zur Gestaltung und Informationsdarstellung von interaktiven Systemen geben.

„Wenn wir in Kundenprojekten Anwendungen auf ergonomische Anforderungen hin überprüfen, gehört die ISO 9241 immer mit zu unserem Werkzeugkasten“,

berichtet Knut Ludwiczak. 

UX-Konzeption und UI-Design 

Mit der Usability von Anwendungen beschäftigt sich bei Materna ein eigenes Competence Center. Hier arbeiten Spezialist:innen mit Fokus auf User Experience (UX) und User Interface (UI) bzw. UX-Konzeption und UI-Design.

Die UX-Konzeption ist spezialisiert auf das Erlebnis von Nutzenden, wenn sie mit einer Anwendung interagieren. Die Arbeit der Spezialist:innen startet hierbei mit der Analyse von Zielgruppen und ihren Benutzerbedürfnissen sowie von bereits existierenden Lösungen. Was funktioniert beispielsweise gut bei einer Anwendung, was muss verbessert werden. Daraus lassen sich klare Anforderungen ableiten sowie Strukturen, Skizzen und Prototypen erstellen, wie das digitale Produkt aussehen sollte. Die Prototypen werden in einem weiteren Schritt ans UI-Design zur Ausgestaltung übergeben. Usability Tests können zudem überprüfen, ob das Konzept dem Realitätsabgleich standhält.

„Das Ziel der UX-Konzeption ist es, ein effektives und angenehmes Nutzungserlebnis zu schaffen, also eine hohe Usability“,

weiß Luise Bergmann, die als Senior Concept (UX) Expert bei Materna arbeitet.

Im Unterschied zur UX-Konzeption wird im UI-Design, die Darstellung der Benutzeroberfläche, was eine Webseite, eine App oder eine Software sein kann, erarbeitet.

„UI-Spezialist:innen sind für die Gestaltung von Bedienelementen, Farben und Schriftarten sowie das Verhalten der einzelnen Elemente verantwortlich und dass man die Corporate Identity bzw. die Brand Guidelines in dem digitalen Produkt wiederfindet. UI-Design will eine ansprechende und intuitive Benutzeroberfläche schaffen“,

beschreibt Luise Bergmann, wie sich das UI-Design abgrenzt.

Full-Service-Agentur mit 40 qualifizierten und zertifizierten Mitarbeitenden 

  • Projektleitung
  • Design und Entwicklung
  • Prüfberichte zur Barrierefreiheit (Web-/Non-Web-Anwendungen, Apps, Dokumente, Hardware) inklusive Prüfberichterstellung
  • Usability-Tests mit potenziellen Proband:innen
  • Stand 10/2024: mehr als 2.000 Tests für alle Branchen
  • Beratung (in allen Phasen ab Lasten-/Pflichtenheft über Design bis hin zum Produktivbetrieb)
  • Schulungen von Projektmitarbeitenden
  • Erstellung Gebärdenvideos und Informationen in leichter Sprache
  • Verbandsarbeit und Beratung auf Bundes- sowie Länderebene 

Nutzende im Fokus 

Entscheidend ist, dass sowohl UX und UI als auch die digitale Barrierefreiheit den Nutzenden in den Fokus stellen, wenn auch aus verschiedenen Blickwinkeln. Der überliegende Begriff ist das UX/UI-Design, also die Gestaltung eines digitalen Produktes. Teilaspekte davon sind die Ästhetik und die Funktionalität, das benutzerzentrierte Design, eine intuitive Oberflächengestaltung, Konsistenz und Einfachheit des digitalen Produktes. Ein Teilbereich davon ist auch die Software-Ergonomie, also die Usability. Wiederum ein Teilbereich der Software-Ergonomie ist die Barrierefreiheit. Das heißt, eine barrierefreie Gestaltung ist auch eindeutig im Design und in der Gestaltung eines digitalen Produktes verortet.

Im Vergleich der Interaktionsprinzipien aus den Normen für Software-Ergonomie mit Umsetzungsbeispielen basierend auf den Web Content Accessibility Guidelines (WCAG), also den Barrierefreiheitskriterien, sind deutliche Parallelen erkennbar. Nehmen wir das Beispiel der Selbstbeschreibungsfähigkeit. Das bedeutet, dass ein digitales Produkt ohne externe Hilfe nutzbar ist und Informationen liefert, die den Benutzer intuitiv führen. Parallel dazu findet man in den Anforderungen an die digitale Barrierefreiheit z. B. die Erfolgskriterien „Beschriftungen oder Anweisungen“ sowie „Überschriften und Beschriftungen“. Das bedeutet, dass einerseits Beschriftungen und Anweisungen vorhanden und diese andererseits aussagekräftig sein müssen. Aussagekräftige Beschriftungen von Bedienelementen helfen z. B. sehenden und blinden Nutzenden bei der Orientierung, welche Benutzerhandlungen möglich sind und wie diese ausgeführt werden können.

So verbessert eine gute Barrierefreiheit auch die Usability 

Wie eine gute Barrierefreiheit auch eine gute Usability herstellen kann, zeigen die nachfolgenden Beispiele.  

  • Die Nutzerführung verbessert sich, indem das digitale Produkt eindeutige Meldungen und Hinweise gibt und Nutzende anleitet. Eine leichtere Orientierung ist auch möglich, wenn Überschriften eindeutig sind, Seiten-, Dialog- und Dokumenttitel eindeutig gewählt sind und die Navigation konsistent ist.
  • Bei Online-Formularen ist etwa eine logische Tastaturnavigation wichtig, sodass Nutzende mit der Tastatur von Feld zu Feld springen können, um nicht zwischen Maus und Tastatur wechseln zu müssen. Das funktioniert über die Tab-Taste und ist durch die Anforderungen an die digitale Barrierefreiheit vorgeschrieben.
  • Bei Formularen muss jedes Eingabefeld eine eindeutige, programmatisch ermittelbare und sichtbare Auszeichnung haben. Sind alle Elemente ordentlich beschriftet, profitieren davon alle Nutzende.
  • Für grafische Bedienelemente und Farben müssen zusätzlich Alternativinformationen bereitgestellt werden, wodurch ein digitales Produkt leichter verständlich wird.

So verbessert eine gute Usability auch die Barrierefreiheit 

Umgekehrt kann die Einhaltung der Usability-Kriterien auch die Barrierefreiheit verbessern. Hierbei spielen die drei übergeordneten Kriterien der Usability eine wichtige Rolle.  

  • Effektivität: Nutzende können ihr Ziel erreichen (und wissen auch wie).
  • Effizienz: Nutzende können ihr Ziel mit so wenig Aufwand bzw. Ressourcen wie möglich erreichen.
  • Zufriedenstellung: Nutzende finden die Anwendung angenehm zu bedienen.

Erfüllte Barrierefreiheitskriterien sorgen für eine allgemeine Zugänglichkeit für alle Nutzergruppen und erfüllen damit die Vorgabe der Effektivität. Damit eine Anwendung auch eine gute Usability hat, muss sie auch effizient und zufriedenstellend sein. Durch die Barrierefreiheit wird zwar eine Teilhabe ermöglicht, aber eine Anwendung ist nicht automatisch effizient bedienbar und führt nicht zwangsläufig zur Zufriedenheit der Nutzenden. Die Empfehlung ist daher, dass UX- und UI-Spezialist:innen zusammen mit Barrierefreiheitsexpert:innen barrierefreie Konzepte in Digitalprojekten erarbeiten. 

Fazit 

Die frühzeitige und kontinuierliche Beachtung von Usability und Barrierefreiheit spart Zeit und Geld. Es empfiehlt sich, UX- und UI-Spezialist:innen zusammen mit Barrierefreiheitsexpert:innen in alle Phasen der Entwicklung einzubinden und auch Nutzer-Tests mit betroffenen Personen durchzuführen. „Das Ziel sollte sein, dass Menschen mit und ohne Behinderung mit einer Anwendung effektiv, effizient und zufriedenstellend arbeiten können. Das Zusammenspiel von Barrierefreiheit und UX-Konzept sowie UI-Design unterstützt dieses Ziel und sollte von Anfang an in allen Projekten bedacht werden“, fasst Knut Ludwiczak zusammen.  

Sprechen Sie uns an für nutzerzentrierte und durchdachte barrierefreie Lösungen, um die digitale Transformation in Ihrer Verwaltung voranzutreiben. 

 

Über den Autor

Knut Ludwiczak ist Usability-Experte bei Materna.

Alle Artikel dieser Ausgabe

Monitor
Data & AI
12.12.2024
READY FOR AI: Antjes Reise zum datengetriebenen Unternehmen

Dieser Artikel erzählt von Krisen, Rückschlägen und Erfolgen – und davon, wie strategisches Denken, technologischer Fortschritt und Change-Management…

Weiterlesen
Monitor
Cyber Security
Energy & Utilities
11.12.2024
RheinEnergie: Mehr Power für die IT-Sicherheit

Wie es das Unternehmen geschafft hat, die Bedrohungserkennung mit vertretbarem Aufwand zu optimieren.

Weiterlesen
Monitor
Digital Experience
05.12.2024
Usability und digitale Barrierefreiheit

Ein unschlagbares Paar.

Weiterlesen
Monitor
Corporate
05.12.2024
Gemeinsam in die Zukunft

Unsere Teilnahme an bedeutenden Veranstaltungen wie dem 4. Materna Developer Summit, der Digitalen Woche Dortmund oder dem 25. ÖV-Symposium zeigt, wie…

Weiterlesen
Monitor
Enterprise Service Management
04.12.2024
EAM-Interview: Risikoappetit minimieren

David Hohl, Experte für Enterprise Architecture Management bei Materna, erklärt im Interview, worauf es bei der Einführung von EAM ankommt.

Weiterlesen
Monitor
Data & AI
03.12.2024
Potenziale der Data Economy

Dr. Johannes H. Bondzio und Marcus Rieks von Materna sprechen darüber, wie Organisationen Daten gewinnbringend nutzen können.

Weiterlesen
Monitor
Data & AI
Cyber Security
30.11.2024
Cyber Security: KI sicher und ethisch einsetzen

Der Wettlauf zwischen Angriff und Verteidigung in der Cyber Security wird durch KI geprägt.

Weiterlesen
Monitor
Data & AI
27.11.2024
Hilfe im Dschungel der Anfragen: DevOps Copilot

In der heutigen, rasant voranschreitenden Welt der Digitalisierung gewinnt die Automatisierung von IT-Prozessen immer mehr an Bedeutung.

Weiterlesen
Monitor
Digital Experience
25.11.2024
Mobile App-Entwicklung

Daniela Rothfeld und Hannah Scheuren erklären, wie Materna Apps für moderne Nutzerbedürfnisse entwickelt und was sie leisten.

Weiterlesen
Monitor
Cyber Security
Transport und Logistik
18.11.2024
Lieferantenmanagement

Erfahren Sie, wie Lieferanten bei Sicherheitsvorfällen vor erheblichen materiellen Schäden und Image-schäden geschützt werden können.

Weiterlesen