Was ist inklusives Webdesign?

Die Benutzerfreundlichkeit einer Website ist ein weit gefasster Begriff, der die Leichtigkeit der Nutzung und Interaktion mit einer Website beschreibt. Eine wichtige Sache, die man beim Designen einer benutzerfreundlichen Website bedenken sollte, ist jedoch, dass nicht jeder auf dieselbe Weise oder unter denselben Umständen mit einer Website interagiert.

Wenn Sie eine Website für den „durchschnittlichen“ oder „idealen“ Nutzer gestalten, könnten Sie realistischerweise eine unangenehme, schwierige oder unmöglich zu bedienende Schnittstelle für andere kreieren.

Richtlinien des World Wide Web Consortiums sowie lokaler Regierungen haben Designern geholfen, die Lücken in Bezug auf Benutzerfreundlichkeit und Barrierefreiheit zu schließen. Das macht eine Website jedoch nicht notwendigerweise vollständig inklusiv.

Im folgenden Beitrag werden wir untersuchen, was inklusives Design bedeutet, welchen Wert es im Webdesign hat und was Sie beim Gestalten inklusiver Schnittstellen und Interaktionen berücksichtigen müssen.

Lernen Sie, wie man für Web-Barrierefreiheit designt

Was ist inklusives Design?

Inklusives Webdesign entfernt Voreingenommenheit und Annahmen von einer Website, sodass sich Nutzer aufgrund einer Beeinträchtigung, demografischer Merkmale oder anderer temporärer oder permanenter Umstände nicht ausgeschlossen fühlen.

Sowohl barrierefreies Webdesign als auch UX-Design sind kritische Komponenten einer inklusiven Website. Barrierefreies Design ist der Prozess, Eintrittsbarrieren für Menschen mit Behinderungen und anderen Beeinträchtigungen zu beseitigen. UX-Design ist ein datengesteuerter Designansatz, der testet und validiert, wie reale Nutzer mit einer Website interagieren.

Aufgrund dessen gibt es beim inklusiven Design viel zu berücksichtigen, da es nicht ausschließlich die Beeinträchtigung eines Nutzers ist, die ihn daran hindern kann, eine Website vollständig zu nutzen oder damit zufrieden zu sein. Webdesigner können auch auf Probleme stoßen, wenn sie Erfahrungen für eine exklusive Gruppe von Nutzern gestalten.

Daher müssen Webdesigner die folgenden Faktoren berücksichtigen:

• Physische Beeinträchtigungen in Bezug auf Sehen, Hören oder Geschicklichkeit
• Geistige Beeinträchtigungen, die Kognition oder Sprache beeinflussen
• Situationsbedingte Einschränkungen, die den Nutzer daran hindern, vollständig mit dem Produkt zu interagieren
• Technische Einschränkungen wie Hardware, Internetverbindung und Computerkenntnisse
• Sprachliche und geografische Barrieren
• Demografische Unterschiede wie Alter, Rasse und Geschlecht
• Sozioökonomische Unterschiede

Fazit: Inklusives Design führt letztendlich zu universellem Design.

Webdesigner verfügen über eine Vielzahl von Instrumenten, um den Aspekt der Barrierefreiheit im Rahmen des inklusiven Designs zu adressieren. Beispielsweise können WordPress-Barrierefreiheitstools, Web-Accessibility-Prüfwerkzeuge, WAI-ARIA-Richtlinien und weitere Hilfsmittel die barrierefreie Gestaltung und Implementierung erleichtern.

Beim inklusiven Design ist jedoch ein tiefgreifenderes Verständnis der Einschränkungen erforderlich, mit denen Nutzer im Internet konfrontiert sein könnten. Es existiert kein Instrument, das Ihre Webpräsenz scannen und bestätigen kann, dass Sie die diverseste und gerechteste Erfahrung ermöglicht haben. Es handelt sich um eine Kompetenz, deren Umsetzung und Überprüfung Sie eigenständig erlernen müssen.

Die Bedeutung des inklusiven Webdesigns

Es gibt zahlreiche Gründe, weshalb Webdesigner Barrierefreiheit und Inklusivität zu einem integralen Bestandteil jeder von ihnen erstellten Website machen sollten. Betrachten wir zunächst, wie eine nicht-inklusive Website allen Beteiligten schadet:

Die Nachteile fehlender Inklusivität

Im Jahre 2021 veröffentlichte WebAIM die Resultate seiner Screen Reader User Survey #9. 7,7% der Umfrageteilnehmer gaben an, dass sie bei der Internetnutzung auf einen Screenreader angewiesen sind.

Auf die Frage nach ihrer Einschätzung des aktuellen Stands der Barrierefreiheit im Internet antworteten lediglich 39,3%, dass dieser sich im Vergleich zu früheren Jahren verbessert habe. 42,3% waren der Meinung, dass sich nichts verändert habe, während 18,5% eine Verschlechterung konstatierten.

Laut Mike Gifford von CivicActions könnte der Anteil der Bevölkerung, der von mangelnder Barrierefreiheit betroffen ist und diese Empfindungen teilt, sogar über 7,7% liegen:

„Die Kombination aus Behinderungen und Methoden, mit denen Menschen Barrieren überwinden, ist äußerst vielfältig. Aus ethischer Perspektive muss der Gestaltung für unsere am stärksten benachteiligten Nutzer höchste Priorität eingeräumt werden. Bedauerlicherweise schließen wir durch unser ständiges Streben nach Neuem und Auffälligem regelmäßig 10-20% unserer Mitbürger aus.“

Gemäß der American Bar Association wurden zwischen 2017 und 2020 8.000 Klagen wegen Verstößen gegen den Americans with Disabilities Act Title III bei Bundesgerichten eingereicht. Diese Zahl stieg laut Accessibility.com im Jahr 2021 um 14,3% auf 2.352 Klagen an.

Es gibt weitere Personengruppen, die sich von einer Website ausgeschlossen fühlen könnten, jedoch über keine rechtlichen Möglichkeiten verfügen. Beispielsweise gibt es laut World Data Lab 1,1 Milliarden internetarme Menschen. In manchen Fällen bedeutet dies, dass sie sich keine mobilen Datentarife leisten können. In anderen Fällen können sie sich diese zwar leisten, erhalten jedoch nicht genügend Datenvolumen, sodass sie es sich nicht erlauben können, Zeit auf ressourcenintensiven Websites zu verbringen.

Zudem ist die ältere Bevölkerung zu berücksichtigen. Das Pew Research Center stellte fest, dass die Zahl der Senioren, die das Internet nutzen, in den letzten Jahren gestiegen ist. Allerdings berichtet TechCrunch, dass etwa 50% der älteren Erwachsenen Unterstützung bei der Einrichtung und Nutzung neuer digitaler Technologien benötigen. Darüber hinaus sind 40% der Senioren in der Stadt San Francisco – unmittelbar neben dem Silicon Valley – digital nicht alphabetisiert.

Selbst wenn Ihre Website nicht von Klagen betroffen ist, bedenken Sie, welche Auswirkungen der Verlust von 20% oder mehr Ihrer Besucher aufgrund eines nicht-inklusiven Designs auf die langfristige Überlebensfähigkeit einer Marke haben wird. Das ist ein beträchtlicher Teil des Publikums, der allein deshalb verloren geht, weil die Website nicht einladend oder nutzbar ist.

Die Vorteile der Inklusivität

Wenn Sie eine Website inklusiv gestalten, konzipieren Sie sie so, dass jeder, der möchte, vollständig damit interagieren kann, ohne sich ausgeschlossen zu fühlen. Alle profitieren davon, wenn das Internet zu einem inklusiven Ort wird:

Inklusives Webdesign führt zu besserem Produktdesign.

Von Websites über mobile Anwendungen bis hin zu allem dazwischen zwingt inklusives Design die Designer dazu, zu den Grundlagen guten, nutzbaren und empathischen Designs zurückzukehren.

Marken erreichen ein größeres Publikum.

Eine Marke, die eine universell positive Erfahrung für alle und nicht nur für den idealen Nutzer priorisiert, wird eine loyalere Nutzerbasis anziehen, die Inklusivität und Gleichberechtigung ebenfalls wertschätzt.

Nutzer fühlen sich bei der Interaktion mit inklusiven Websites wohler.

Menschen verbringen so viel Zeit vor Bildschirmen, dass Probleme wie Karpaltunnelsyndrom, Computer Vision Syndrome und Internet Addiction Disorder heutzutage allzu häufig auftreten. Inklusives, ethisches Design kann dazu beitragen, dass sich die Nutzer sowohl geistig als auch körperlich besser fühlen.

Inklusives Webdesign trägt dazu bei, dass Websites in den Suchergebnissen besser platziert werden.

Google aktualisierte seinen Suchalgorithmus vor einigen Jahren und benannte vier wesentliche Faktoren für die Schaffung der besten Nutzererfahrung auf der Seite: Leistung (Geschwindigkeit), Barrierefreiheit, Best Practices (Design und Code) sowie Suchmaschinenoptimierung (z.B. Alt-Text). Inklusives Design trägt zu jedem dieser Aspekte bei.

Wie man inklusive Web-Design-Personas erstellt

Häufig entwickeln Designer zu Beginn von Website-Projekten fiktive Personas. Dies hilft ihnen, sich den Endnutzer, für den sie die Website erstellen, zu visualisieren und sich mit ihm zu identifizieren. Es hilft ihnen auch zu verstehen, wie dieser spezielle Nutzer mit der Website interagieren würde.

Wenn Sie Inklusivität in Ihren Webdesign-Prozess einbeziehen, müssen Ihre Beschreibungen der Nutzerpersonas etwas angepasst werden. Typische Nutzerpersonas schlüsseln Folgendes auf:

• Name
• Demografische Daten (z.B. Alter, Geschlecht, Beruf, etc.)
• Persönlichkeit
• Stimme
• Ziele
• Motivationen
• Frustrationen
• Ängste

Inklusive Nutzerpersonas müssen zusätzlich Folgendes beinhalten:

Fähigkeit: Dies ist die Barrierefreiheitskomponente der Inklusivität. Sie müssen antizipieren, wie einige Ihrer Nutzer in Bezug auf die Nutzung und Interaktion mit der Website – physisch und kognitiv – eingeschränkt sein könnten.

Eignung: Wenn Sie die Daten darüber betrachten, wie viele Nutzer online sind, werden Sie feststellen, dass einige Ihrer Nutzer möglicherweise nicht digital kompetent sind. Das Abweichen von grundlegenden Strukturen und Layouts sowie das Nichterbereitstellen ausreichender Kontextinformationen (wie Beschriftungen in Kontaktformularen) könnte sich als nachteilig für die Erfahrungen dieser Nutzer erweisen.

Einstellung: Dies bezieht sich auf Nutzer, die Websites möglicherweise als unsichere Umgebungen wahrnehmen. Ob sie übermäßig besorgt um ihre Privatsphäre sind oder nervös hinsichtlich möglicher Malware-Begegnungen, diese Arten von Ängsten sollten durch erkennbare und vertrauenswürdige Sicherheits- und Datenschutzfunktionen adressiert werden.

Zugang: Nutzer müssen nicht internetarm sein, um eingeschränkten Zugang zum Web zu haben. Zum Beispiel verfügt laut UNESCO nur etwas mehr als die Hälfte der Weltbevölkerung über Internetzugang zu Hause. Das bedeutet nicht, dass sie nicht online gehen können, sondern nur, dass sie andere Wege finden müssen, um Zugang zu erhalten – wie den Besuch einer Bibliothek oder eines Internetcafés. Daher können Konnektivität, Hardware, Software und sogar der Standort den Zugang beeinflussen.

Lokalisierung: Es ist nie sicher anzunehmen, dass jeder Nutzer im selben Land lebt, aus der gleichen Kultur stammt und dieselbe Sprache spricht wie Sie. Daher müssen diese Unterschiede bei der Erstellung inklusiver Nutzerpersonas berücksichtigt werden.

Die 7 Prinzipien des inklusiven Designs

Damit inklusives Design funktioniert, müssen Webdesigner Annahmen, vorgefasste Meinungen sowie die Bevorzugung des durchschnittlichen Nutzers gegenüber dem Wohl aller Nutzer beseitigen. Um dies erfolgreich zu tun, müssen sich Designer von den folgenden Prinzipien leiten lassen:

1. Flexibilität

Es gibt keine Einheitslösung im Webdesign. Das bedeutet nicht, dass Sie verschiedene Websites oder Landingpages für unterschiedliche Nutzer erstellen müssen. Es bedeutet jedoch, zusätzliche Funktionen zur Benutzeroberfläche hinzuzufügen, wenn Sie glauben, dass diese dazu beitragen, die Kluft zwischen den Erfahrungen verschiedener Nutzer zu schließen.

Beispielsweise ist es ratsam, ein Transkript eines Videos unterhalb der eingebetteten Datei bereitzustellen. Auf diese Weise können Nutzer, die das Video nicht hören oder sehen können oder möchten, den Text lesen.

2. Einfachheit

Minimalismus ist ein anhaltender Webdesign-Trend, und das aus gutem Grund. Es liegt nicht nur daran, dass er visuell ansprechendere Schnittstellen schafft, sondern auch daran, dass Minimalismus und Einfachheit den Weg für ein intuitiveres Design ebnen.

Der beste Ansatz hierfür ist, eine Website wie ein Minimum Viable Product (MVP) zu behandeln. Entwickeln Sie die Kernfunktionen, die es zu einem nutzbaren und wertvollen Produkt machen. Fügen Sie dann zusätzliche Elemente nur dort hinzu, wo sie benötigt werden und einen Mehrwert für die Erfahrung aller bieten.

3. Konsistenz

Konsistenz bedeutet nicht, dass eine Website vorhersehbar oder langweilig werden muss. Sie können immer noch kreativ sein, während Sie Konsistenz bewahren.

Jeder profitiert von Konsistenz im Design. Es beseitigt die Frustration und Verwirrung, die durch die unterschiedliche Darstellung desselben Elements oder derselben Funktion auf der gleichen Website verursacht werden. Darüber hinaus kann die Konsistenz mit der Art und Weise, wie der Großteil des Internets Kernelemente – wie die Website-Navigation – handhabt, die Benutzerfreundlichkeit einer Website verbessern und die Zeit bis zur Konversion verkürzen.

4. Wahrnehmung

Zusätzlich zur Berücksichtigung der Art und Weise, wie Menschen mit Websites interagieren, müssen Designer auch in Betracht ziehen, wie sie es bevorzugen, mit Websites zu interagieren. Beispielsweise könnte eine von Bildern dominierte Website für Benutzer, die keine visuellen Lerner sind, sehr schwierig sein, um den Inhalt zu erfassen.

Wenn Sie die Inhalte für eine Website zusammenstellen, stellen Sie sicher, dass es eine ausgewogene Mischung gibt. Wenn es nur eine Art von Inhalt gibt (wie ausschließlich Text und keine Bilder), werden einige Ihrer Besucher wahrscheinlich beim Verständnis oder der Benutzerfreundlichkeit benachteiligt sein.

5. Gleichberechtigung

Gleichberechtigung im Webdesign bezieht sich auf gleichberechtigte Ergebnisse. Mit anderen Worten, unabhängig davon, wer der Besucher ist, sollte jeder Besucher in der Lage sein, Aufgaben mit Leichtigkeit zu erledigen.

Hier kommt der UX-Design-Prozess zum Tragen. Die Einholung direkter Benutzereingaben zu den Zielen der Benutzer und zu dem, was sie benötigen, um diese zu erreichen, hilft Designern, reibungslose Interaktionen und Benutzerreisen für alle zu erstellen.

Betrachten Sie beispielsweise eine UI-Komponente wie einen Bildslider. Die inklusive Art, diesen zu gestalten, wäre, die automatische Diashow-Funktion zu deaktivieren. Integrieren Sie dann sowohl Wisch- als auch Klickfunktionen, damit jeder Benutzer den Slider und dessen Tempo kontrollieren kann.

6. Prävention

Inklusives Design wird menschliche Fehler mindern. Dies bedeutet, eine Benutzeroberfläche so zu gestalten, dass so viele Fehler wie möglich verhindert werden, während gleichzeitig eine tolerante und hilfreiche Reaktion auf auftretende Fehler geboten wird. Indem die mit Fehlern verbundene Frustration oder Scham reduziert wird, trägt ein inklusives Design mehr dazu bei, Vertrauen bei den Besuchern aufzubauen.

Dieses spezielle Prinzip kommt am häufigsten zum Einsatz, wenn es um den Punkt der Interaktion geht. Zum Beispiel sollten Schaltflächen immer so gestaltet sein, dass sie groß genug sind, um gesehen und angeklickt zu werden.

Fehlermeldungen in Kontaktformularen sind ein weiteres gutes Beispiel. Indem Sie Inline-Fehlermeldungen in einer Farbe und Größe anzeigen, die jeder lesen kann, reduzieren Sie die Wahrscheinlichkeit wiederholter Fehler. Sie werden auch ein Kontaktformular haben, das sich hilfreicher anfühlt als eines, das vage Fehlermeldungen liefert oder solche, die zu spät im Prozess auftreten.

7. Anpassung

Einer der Gründe, warum Websites Gegenstand von Zugänglichkeitsklagen sind, ähnlich wie physische Geschäfte, ist, dass sie als „Orte der öffentlichen Unterbringung“ angesehen werden. Zusätzlich zur Gewährleistung, dass jeder eine Website lesen, navigieren und mit ihr interagieren kann, garantiert inklusives Design den Besuchern ein gewisses Maß an Komfort.

Komfort kann für viele Menschen viele Dinge bedeuten – ausreichend Platz, vorhersehbare Layouts usw. Inklusives Design fordert Designer auch auf, zu berücksichtigen, wie wohl sich ihre Benutzer mit dem Inhalt der Website fühlen werden.

Zum Beispiel wird die Verwendung vielfältiger Bilder, die die Zielgruppe widerspiegeln, eine einladendere Umgebung schaffen als generische Stockbilder, die Benutzer immer und immer wieder gesehen haben. Dasselbe gilt für die Verwendung von geradlinigem Text anstelle von Text voller Fachausdrücke, die nur ein Segment der Zielgruppe verstehen würde.

Fazit

Inklusives Webdesign ist ein umfassender Begriff, der Disziplinen wie UX-Design, barrierefreies Design und responsives Design einschließt. Inklusives Design geht jedoch einen Schritt weiter, um sicherzustellen, dass das Endergebnis eine universell nutzbare und gut angenommene Website ist.

Dieser Webdesign-Ansatz erfordert ein solides Verständnis der Herausforderungen, mit denen verschiedene Menschen bei der Interaktion mit Websites konfrontiert sind, was über Beeinträchtigungen oder Behinderungen hinausgeht.

Der beste Weg, Inklusivität in Ihren Webdesign-Prozess zu integrieren, besteht zunächst darin, sicherzustellen, dass Sie mit Werkzeugen arbeiten, die Ihnen bei der Umsetzung helfen – wie die Barrierefreiheitsfunktionen von WordPress und Elementor. Aktualisieren Sie dann Ihre Benutzer-Persona-Vorlagen mit inklusiven Faktoren wie Fähigkeit, Eignung und Zugang. Halten Sie schließlich Ihren Prozess auf dem neuesten Stand, während Sie mehr über die Erfahrungen der Benutzer und die häufigen Herausforderungen lernen, denen sie bei der Nutzung des Webs begegnen.