Digitalagentur aus Köln – Railslove

Alien Illustration mit einem grünen Alien, das einen Hot Dog in der einen und eine Fahne mit einem Herz drauf in der anderen hält.
Barrierefreiheit
UX Design
Produkt

So verbesserst du mit UX die Accessibility Deines Webprojekts

Als EntwicklerInnen und DesignerInnen müssen wir sicherstellen, dass unsere digitalen Produkte und Anwendungen für alle BenutzerInnen zugänglich sind, unabhängig von ihren Fähigkeiten oder Behinderungen. Die Verbesserung der Zugänglichkeit, der Accessibility (a11y) eines Produkts kann jedoch eine Herausforderung sein, insbesondere wenn Du nicht mit den Bedürfnissen und Herausforderungen von BenutzerInnen mit Behinderungen vertraut bist.

Verständnis für deine BenutzerInnen und ihre Bedürfnisse

Der erste Schritt zur Verbesserung der Accessibility besteht darin, die Bedürfnisse der BenutzerInnen zu verstehen. Behinderungen können Menschen auf unterschiedliche Weise beeinträchtigen, und was für eine Person funktioniert, funktioniert möglicherweise nicht für eine andere. Es ist wichtig, einen nutzerzentrierten Ansatz für Design und Entwicklung zu wählen und NutzerInnen mit Behinderungen in den Prozess einzubeziehen.

Lerne mehr über die Bedürfnisse Deiner NutzerInnen. Zum Beispiel indem Du User Research aktiv in Dein Projekt integrierst. Dies kann zum Beispiel Interviews, Umfragen oder Beobachtungen von BenutzerInnen mit Behinderungen bei der Nutzung Ihrer Website oder Anwendung umfassen.

Wenn du mehr über die grundlegenden Konzepte, Strategien und Techniken, die für die Durchführung einer einfachen Research-Phase, mit dem Fokus auf Usability Testing, erforderlich sind erfahren möchtest empfehle ich dir mein Webinar “How To Guerilla User Research”:

Slides – https://www.slideshare.net/lianethoennes/guerilla-user-research-fokus-user-testing

Designing with accessibility in mind

Barrierefreies Design bedeutet, Schnittstellen zu schaffen, die für jeden, auch für Menschen mit Behinderungen, nutzbar und verständlich sind.

Einige Tipps zur barrierefreien Gestaltung:

  • Verwende eine klare und einfache Sprache: Vermeide Fachsprache und komplizierte Wörter und drücke Dich leicht verständlich aus.
  • Hinterlege Alternativtexte für Bilder: Screenreader und andere Hilfstechnologien können Bilder nicht interpretieren. Stell daher immer einen Alternativtext bereit, der den Inhalt des Bildes beschreibt.
  • Ist Dein Webprojekt über eine Tastatur zugänglich? NutzerInnen mit Mobilitätseinschränkungen können eine Tastatur oder ein anderes Hilfsmittel verwenden, um zu navigieren. Vergewisser Dich, dass alle interaktiven Elemente allein mit einer Tastatur zugänglich sind.
  • Verwende einen angemessenen Farbkontrast: Text ist gut lesbar, wenn ein ausreichender Kontrast zwischen Text- und Hintergrundfarben besteht

Hier findest du eine umfangreiche Checkliste für Barrierefreiheit (in englischer Sprache), gruppiert nach Themen und Erfolgskriterien, mit Filtern für WCAG 2.0 und WCAG 2.1 und Empfehlungen für bewährte Verfahren.

Obacht! Eine barrierefreie Gestaltung kommt nicht nur NutzerInnen mit Behinderungen zugute, sondern kann die User Experience für alle NutzerInnen verbessern.

Tests und Iterationen

Tests und Iterationen sind entscheidend für die Verbesserung der Barrierefreiheit. Es ist wichtig, dass Du Deine Website oder Anwendung mit NutzerInnen mit Behinderungen sowie mit automatisierten Tools testest, um Probleme frühzeitig zu erkennen.

Hier sind mögliche Testmethoden:

  • User Testing: Teste Deine Website oder Anwendung mit behinderten Nutzern, um Accessibility-Probleme zu erkennen und Feedback zur Benutzerfreundlichkeit zu erhalten.
  • Automatisierte Tests: Verwende Tools für Accessibility-Tests, um Probleme zu identifizieren, die automatisch erkannt werden können, z. B. fehlender Alternativtext oder falscher Farbkontrast. Dafür gibt es hier eine Liste verschiedener Tools (in englischer Sprache)

Wenn Du in den Tests Accessibility-Probleme identifiziert hast, sollten diese nach Schweregrad und Auswirkung auf die BenutzerInnen priorisiert und iterativ angegangen werden.

Hilf Deinen NutzerInnen

Schließlich ist es wichtig, Ressourcen und Unterstützung für NutzerInnen mit Behinderungen bereitzustellen. Hier sind einige Möglichkeiten, dies zu tun:

  • Biete einen Helpdesk oder ein Kontaktformular an: Mach es den Nutzern leicht, Dich bei Problemen oder Fragen zur Barrierefreiheit zu kontaktieren.
  • Stelle eine Dokumentation / FAQ bereit, in der beschrieben wird, wie die Website oder Anwendung mit unterstützenden Technologien genutzt werden kann.

Denk bitte daran: Barrierefreiheit ist nicht nur eine gesetzliche Vorschrift, sondern auch eine moralische Verpflichtung. Lasst uns gemeinsam daran arbeiten, das Internet für alle zugänglicher und inklusiver zu machen.

Beitrag von Liane Kirschner

Foto von Annie Spratt

eine illustration, die einen Globus mit einem grünen Blatt und einem Schloss mit einem Herz drauf zeigt

Ihr seid ein Startup-Team und bereitet Euch gerade auf eine Investmentrunde vor? Wir beraten Gründer-Teams unverbindlich und kostenfrei. Sprecht uns an!