Richtlinien des World Wide Web Consortiums sowie lokaler Regierungen haben Designern geholfen, die L\u00fccken in Bezug auf Benutzerfreundlichkeit und Barrierefreiheit zu schlie\u00dfen. Das macht eine Website<\/a> jedoch nicht notwendigerweise vollst\u00e4ndig inklusiv. <\/p>\n\n 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\u00fccksichtigen m\u00fcssen.<\/p>\n\n Lernen Sie, wie man f\u00fcr Web-Barrierefreiheit designt<\/a><\/p>\n\n Inklusives Webdesign entfernt Voreingenommenheit und Annahmen von einer Website, sodass sich Nutzer aufgrund einer Beeintr\u00e4chtigung, demografischer Merkmale oder anderer tempor\u00e4rer oder permanenter Umst\u00e4nde nicht ausgeschlossen f\u00fchlen. <\/p>\n\n Sowohl barrierefreies Webdesign als auch UX-Design sind kritische Komponenten einer inklusiven Website. Barrierefreies Design<\/a> ist der Prozess, Eintrittsbarrieren f\u00fcr Menschen mit Behinderungen und anderen Beeintr\u00e4chtigungen zu beseitigen. UX-Design<\/a> ist ein datengesteuerter Designansatz, der testet und validiert, wie reale Nutzer mit einer Website interagieren. <\/p>\n\n Aufgrund dessen gibt es beim inklusiven Design viel zu ber\u00fccksichtigen, da es nicht ausschlie\u00dflich die Beeintr\u00e4chtigung eines Nutzers ist, die ihn daran hindern kann, eine Website vollst\u00e4ndig zu nutzen oder damit zufrieden zu sein. Webdesigner k\u00f6nnen auch auf Probleme sto\u00dfen, wenn sie Erfahrungen f\u00fcr eine exklusive Gruppe von Nutzern gestalten.<\/p>\n\n Daher m\u00fcssen Webdesigner die folgenden Faktoren ber\u00fccksichtigen: <\/p>\n\n Fazit: Inklusives Design f\u00fchrt letztendlich zu universellem Design. <\/p>\n\n Webdesigner verf\u00fcgen \u00fcber eine Vielzahl von Instrumenten, um den Aspekt der Barrierefreiheit im Rahmen des inklusiven Designs zu adressieren. Beispielsweise k\u00f6nnen WordPress-Barrierefreiheitstools<\/a>, Web-Accessibility-Pr\u00fcfwerkzeuge, WAI-ARIA-Richtlinien<\/a> und weitere Hilfsmittel die barrierefreie Gestaltung und Implementierung erleichtern.<\/p>\n\n Beim inklusiven Design ist jedoch ein tiefgreifenderes Verst\u00e4ndnis der Einschr\u00e4nkungen erforderlich, mit denen Nutzer im Internet konfrontiert sein k\u00f6nnten. Es existiert kein Instrument, das Ihre Webpr\u00e4senz scannen und best\u00e4tigen kann, dass Sie die diverseste und gerechteste Erfahrung erm\u00f6glicht haben. Es handelt sich um eine Kompetenz, deren Umsetzung und \u00dcberpr\u00fcfung Sie eigenst\u00e4ndig erlernen m\u00fcssen. <\/p>\n\n Es gibt zahlreiche Gr\u00fcnde, weshalb Webdesigner Barrierefreiheit und Inklusivit\u00e4t zu einem integralen Bestandteil jeder von ihnen erstellten Website machen sollten. Betrachten wir zun\u00e4chst, wie eine nicht-inklusive Website allen Beteiligten schadet: <\/p>\n\n Im Jahre 2021 ver\u00f6ffentlichte WebAIM die Resultate seiner Screen Reader User Survey #9<\/a>. 7,7% der Umfrageteilnehmer gaben an, dass sie bei der Internetnutzung auf einen Screenreader angewiesen sind. <\/p>\n\n Auf die Frage nach ihrer Einsch\u00e4tzung des aktuellen Stands der Barrierefreiheit im Internet antworteten lediglich 39,3%, dass dieser sich im Vergleich zu fr\u00fcheren Jahren verbessert habe. 42,3% waren der Meinung, dass sich nichts ver\u00e4ndert habe, w\u00e4hrend 18,5% eine Verschlechterung konstatierten. <\/p>\n\n Laut Mike Gifford von CivicActions<\/a> k\u00f6nnte der Anteil der Bev\u00f6lkerung, der von mangelnder Barrierefreiheit betroffen ist und diese Empfindungen teilt, sogar \u00fcber 7,7% liegen: <\/p>\n\n „Die Kombination aus Behinderungen und Methoden, mit denen Menschen Barrieren \u00fcberwinden, ist \u00e4u\u00dferst vielf\u00e4ltig. Aus ethischer Perspektive muss der Gestaltung f\u00fcr unsere am st\u00e4rksten benachteiligten Nutzer h\u00f6chste Priorit\u00e4t einger\u00e4umt werden. Bedauerlicherweise schlie\u00dfen wir durch unser st\u00e4ndiges Streben nach Neuem und Auff\u00e4lligem regelm\u00e4\u00dfig 10-20% unserer Mitb\u00fcrger aus.“<\/em><\/p>\n\n Gem\u00e4\u00df der American Bar Association<\/a> wurden zwischen 2017 und 2020 8.000 Klagen wegen Verst\u00f6\u00dfen gegen den Americans with Disabilities Act Title III bei Bundesgerichten eingereicht. Diese Zahl stieg laut Accessibility.com<\/a> im Jahr 2021 um 14,3% auf 2.352 Klagen an.<\/p>\n\n Es gibt weitere Personengruppen, die sich von einer Website ausgeschlossen f\u00fchlen k\u00f6nnten, jedoch \u00fcber keine rechtlichen M\u00f6glichkeiten verf\u00fcgen. Beispielsweise gibt es laut World Data Lab 1,1 Milliarden internetarme Menschen<\/a>. In manchen F\u00e4llen bedeutet dies, dass sie sich keine mobilen Datentarife leisten k\u00f6nnen. In anderen F\u00e4llen k\u00f6nnen sie sich diese zwar leisten, erhalten jedoch nicht gen\u00fcgend Datenvolumen, sodass sie es sich nicht erlauben k\u00f6nnen, Zeit auf ressourcenintensiven Websites zu verbringen. <\/p>\n\n Zudem ist die \u00e4ltere Bev\u00f6lkerung zu ber\u00fccksichtigen. Das Pew Research Center<\/a> stellte fest, dass die Zahl der Senioren, die das Internet nutzen, in den letzten Jahren gestiegen ist. Allerdings berichtet TechCrunch<\/a>, dass etwa 50% der \u00e4lteren Erwachsenen Unterst\u00fctzung bei der Einrichtung und Nutzung neuer digitaler Technologien ben\u00f6tigen. Dar\u00fcber hinaus sind 40% der Senioren in der Stadt San Francisco \u2013 unmittelbar neben dem Silicon Valley \u2013 digital nicht alphabetisiert. <\/p>\n\n 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 \u00dcberlebensf\u00e4higkeit einer Marke haben wird. Das ist ein betr\u00e4chtlicher Teil des Publikums, der allein deshalb verloren geht, weil die Website nicht einladend oder nutzbar ist. <\/p>\n\n Wenn Sie eine Website inklusiv gestalten, konzipieren Sie sie so, dass jeder, der m\u00f6chte, vollst\u00e4ndig damit interagieren kann, ohne sich ausgeschlossen zu f\u00fchlen. Alle profitieren davon, wenn das Internet zu einem inklusiven Ort wird: <\/p>\n\n Inklusives Webdesign f\u00fchrt zu besserem Produktdesign. <\/strong><\/p>\n\n Von Websites \u00fcber mobile Anwendungen bis hin zu allem dazwischen zwingt inklusives Design die Designer dazu, zu den Grundlagen guten, nutzbaren und empathischen Designs zur\u00fcckzukehren. <\/p>\n\n Marken erreichen ein gr\u00f6\u00dferes Publikum. <\/strong><\/p>\n\n Eine Marke, die eine universell positive Erfahrung f\u00fcr alle und nicht nur f\u00fcr den idealen Nutzer priorisiert, wird eine loyalere Nutzerbasis anziehen, die Inklusivit\u00e4t und Gleichberechtigung ebenfalls wertsch\u00e4tzt. <\/p>\n\n Nutzer f\u00fchlen sich bei der Interaktion mit inklusiven Websites wohler. <\/strong><\/p>\n\n Menschen verbringen so viel Zeit vor Bildschirmen, dass Probleme wie Karpaltunnelsyndrom, Computer Vision Syndrome<\/a> und Internet Addiction Disorder<\/a> heutzutage allzu h\u00e4ufig auftreten. Inklusives, ethisches Design kann dazu beitragen, dass sich die Nutzer sowohl geistig als auch k\u00f6rperlich besser f\u00fchlen.<\/p>\n\n Inklusives Webdesign tr\u00e4gt dazu bei, dass Websites in den Suchergebnissen besser platziert werden. <\/strong><\/p>\n\n Google aktualisierte seinen Suchalgorithmus<\/a> vor einigen Jahren und benannte vier wesentliche Faktoren f\u00fcr 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\u00e4gt zu jedem dieser Aspekte bei.<\/p>\n\n H\u00e4ufig entwickeln Designer zu Beginn von Website-Projekten fiktive Personas. Dies hilft ihnen, sich den Endnutzer, f\u00fcr 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\u00fcrde. <\/p>\n\n Wenn Sie Inklusivit\u00e4t in Ihren Webdesign-Prozess einbeziehen, m\u00fcssen Ihre Beschreibungen der Nutzerpersonas etwas angepasst werden. Typische Nutzerpersonas schl\u00fcsseln Folgendes auf: <\/p>\n\n Inklusive Nutzerpersonas m\u00fcssen zus\u00e4tzlich Folgendes beinhalten: <\/p>\n\n F\u00e4higkeit:<\/strong> Dies ist die Barrierefreiheitskomponente der Inklusivit\u00e4t. Sie m\u00fcssen antizipieren, wie einige Ihrer Nutzer in Bezug auf die Nutzung und Interaktion mit der Website \u2013 physisch und kognitiv \u2013 eingeschr\u00e4nkt sein k\u00f6nnten. <\/p>\n\n Eignung:<\/strong> Wenn Sie die Daten dar\u00fcber betrachten, wie viele Nutzer online sind<\/a>, werden Sie feststellen, dass einige Ihrer Nutzer m\u00f6glicherweise nicht digital kompetent sind. Das Abweichen von grundlegenden Strukturen und Layouts sowie das Nichterbereitstellen ausreichender Kontextinformationen (wie Beschriftungen in Kontaktformularen) k\u00f6nnte sich als nachteilig f\u00fcr die Erfahrungen dieser Nutzer erweisen. <\/p>\n\n Einstellung:<\/strong> Dies bezieht sich auf Nutzer, die Websites m\u00f6glicherweise als unsichere Umgebungen wahrnehmen. Ob sie \u00fcberm\u00e4\u00dfig besorgt um ihre Privatsph\u00e4re sind oder nerv\u00f6s hinsichtlich m\u00f6glicher Malware-Begegnungen, diese Arten von \u00c4ngsten sollten durch erkennbare und vertrauensw\u00fcrdige Sicherheits- und Datenschutzfunktionen adressiert werden.<\/p>\n\n Zugang:<\/strong> Nutzer m\u00fcssen nicht internetarm sein, um eingeschr\u00e4nkten Zugang zum Web zu haben. Zum Beispiel verf\u00fcgt laut U<\/a>NESCO nur etwas mehr als die H\u00e4lfte der Weltbev\u00f6lkerung \u00fcber Internetzugang zu Hause. Das bedeutet nicht, dass sie nicht online gehen k\u00f6nnen, sondern nur, dass sie andere Wege finden m\u00fcssen, um Zugang zu erhalten \u2013 wie den Besuch einer Bibliothek oder eines Internetcaf\u00e9s. Daher k\u00f6nnen Konnektivit\u00e4t, Hardware, Software und sogar der Standort den Zugang beeinflussen. <\/p>\n\n Lokalisierung:<\/strong> 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\u00fcssen diese Unterschiede bei der Erstellung inklusiver Nutzerpersonas ber\u00fccksichtigt werden.<\/p>\n\n Damit inklusives Design funktioniert, m\u00fcssen Webdesigner Annahmen, vorgefasste Meinungen sowie die Bevorzugung des durchschnittlichen Nutzers gegen\u00fcber dem Wohl aller Nutzer beseitigen. Um dies erfolgreich zu tun, m\u00fcssen sich Designer von den folgenden Prinzipien leiten lassen: <\/p>\n\n Es gibt keine Einheitsl\u00f6sung im Webdesign. Das bedeutet nicht, dass Sie verschiedene Websites oder Landingpages f\u00fcr unterschiedliche Nutzer erstellen m\u00fcssen. Es bedeutet jedoch, zus\u00e4tzliche Funktionen zur Benutzeroberfl\u00e4che hinzuzuf\u00fcgen, wenn Sie glauben, dass diese dazu beitragen, die Kluft zwischen den Erfahrungen verschiedener Nutzer zu schlie\u00dfen. <\/p>\n\n Beispielsweise ist es ratsam, ein Transkript eines Videos unterhalb der eingebetteten Datei bereitzustellen. Auf diese Weise k\u00f6nnen Nutzer, die das Video nicht h\u00f6ren oder sehen k\u00f6nnen oder m\u00f6chten, den Text lesen. <\/p>\n\n 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\u00fcr ein intuitiveres Design ebnen. <\/p>\n\n Der beste Ansatz hierf\u00fcr 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\u00fcgen Sie dann zus\u00e4tzliche Elemente nur dort hinzu, wo sie ben\u00f6tigt werden und einen Mehrwert f\u00fcr die Erfahrung aller bieten. <\/p>\n\n Konsistenz bedeutet nicht, dass eine Website vorhersehbar oder langweilig werden muss. Sie k\u00f6nnen immer noch kreativ sein, w\u00e4hrend Sie Konsistenz bewahren.<\/p>\n\n 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\u00fcber hinaus kann die Konsistenz mit der Art und Weise, wie der Gro\u00dfteil des Internets Kernelemente \u2013 wie die Website-Navigation \u2013 handhabt, die Benutzerfreundlichkeit einer Website verbessern und die Zeit bis zur Konversion verk\u00fcrzen.<\/p>\n\n Zus\u00e4tzlich zur Ber\u00fccksichtigung der Art und Weise, wie Menschen mit Websites interagieren, m\u00fcssen Designer auch in Betracht ziehen, wie sie es bevorzugen<\/em>, mit Websites zu interagieren. Beispielsweise k\u00f6nnte eine von Bildern dominierte Website f\u00fcr Benutzer, die keine visuellen Lerner sind, sehr schwierig sein, um den Inhalt zu erfassen. <\/p>\n\n Wenn Sie die Inhalte f\u00fcr eine Website zusammenstellen, stellen Sie sicher, dass es eine ausgewogene Mischung gibt. Wenn es nur eine Art von Inhalt gibt (wie ausschlie\u00dflich Text und keine Bilder), werden einige Ihrer Besucher wahrscheinlich beim Verst\u00e4ndnis oder der Benutzerfreundlichkeit benachteiligt sein. <\/p>\n\n Gleichberechtigung im Webdesign bezieht sich auf gleichberechtigte Ergebnisse. Mit anderen Worten, unabh\u00e4ngig davon, wer der Besucher ist, sollte jeder Besucher in der Lage sein, Aufgaben mit Leichtigkeit zu erledigen.<\/p>\n\n Hier kommt der UX-Design-Prozess zum Tragen. Die Einholung direkter Benutzereingaben zu den Zielen der Benutzer und zu dem, was sie ben\u00f6tigen, um diese zu erreichen, hilft Designern, reibungslose Interaktionen und Benutzerreisen f\u00fcr alle zu erstellen. <\/p>\n\n Betrachten Sie beispielsweise eine UI-Komponente wie einen Bildslider. Die inklusive Art, diesen zu gestalten, w\u00e4re, die automatische Diashow-Funktion zu deaktivieren. Integrieren Sie dann sowohl Wisch- als auch Klickfunktionen, damit jeder Benutzer den Slider und dessen Tempo kontrollieren kann.<\/p>\n\n Inklusives Design wird menschliche Fehler mindern. Dies bedeutet, eine Benutzeroberfl\u00e4che so zu gestalten, dass so viele Fehler wie m\u00f6glich verhindert werden, w\u00e4hrend gleichzeitig eine tolerante und hilfreiche Reaktion auf auftretende Fehler geboten wird. Indem die mit Fehlern verbundene Frustration oder Scham reduziert wird, tr\u00e4gt ein inklusives Design mehr dazu bei, Vertrauen bei den Besuchern aufzubauen. <\/p>\n\n Dieses spezielle Prinzip kommt am h\u00e4ufigsten zum Einsatz, wenn es um den Punkt der Interaktion geht. Zum Beispiel sollten Schaltfl\u00e4chen immer so gestaltet sein, dass sie gro\u00df genug sind, um gesehen und angeklickt zu werden. <\/p>\n\n Fehlermeldungen in Kontaktformularen sind ein weiteres gutes Beispiel. Indem Sie Inline-Fehlermeldungen in einer Farbe und Gr\u00f6\u00dfe anzeigen, die jeder lesen kann, reduzieren Sie die Wahrscheinlichkeit wiederholter Fehler. Sie werden auch ein Kontaktformular haben, das sich hilfreicher anf\u00fchlt als eines, das vage Fehlermeldungen liefert oder solche, die zu sp\u00e4t im Prozess auftreten. <\/p>\n\n Einer der Gr\u00fcnde, warum Websites Gegenstand von Zug\u00e4nglichkeitsklagen sind, \u00e4hnlich wie physische Gesch\u00e4fte, ist, dass sie als „Orte der \u00f6ffentlichen Unterbringung“ angesehen werden. Zus\u00e4tzlich zur Gew\u00e4hrleistung, dass jeder eine Website lesen, navigieren und mit ihr interagieren kann, garantiert inklusives Design den Besuchern ein gewisses Ma\u00df an Komfort. <\/p>\n\n Komfort kann f\u00fcr viele Menschen viele Dinge bedeuten \u2013 ausreichend Platz, vorhersehbare Layouts usw. Inklusives Design fordert Designer auch auf, zu ber\u00fccksichtigen, wie wohl sich ihre Benutzer mit dem Inhalt der Website f\u00fchlen werden. <\/p>\n\n Zum Beispiel wird die Verwendung vielf\u00e4ltiger Bilder, die die Zielgruppe widerspiegeln, eine einladendere Umgebung schaffen als generische Stockbilder, die Benutzer immer und immer wieder gesehen haben. Dasselbe gilt f\u00fcr die Verwendung von geradlinigem Text anstelle von Text voller Fachausdr\u00fccke, die nur ein Segment der Zielgruppe verstehen w\u00fcrde.<\/p>\n\n Inklusives Webdesign ist ein umfassender Begriff, der Disziplinen wie UX-Design, barrierefreies Design und responsives<\/a> Design einschlie\u00dft. Inklusives Design geht jedoch einen Schritt weiter, um sicherzustellen, dass das Endergebnis eine universell nutzbare und gut angenommene Website ist. <\/p>\n\n Dieser Webdesign-Ansatz erfordert ein solides Verst\u00e4ndnis der Herausforderungen, mit denen verschiedene Menschen bei der Interaktion mit Websites konfrontiert sind, was \u00fcber Beeintr\u00e4chtigungen oder Behinderungen hinausgeht. <\/p>\n\n Der beste Weg, Inklusivit\u00e4t in Ihren Webdesign-Prozess zu integrieren, besteht zun\u00e4chst darin, sicherzustellen, dass Sie mit Werkzeugen arbeiten, die Ihnen bei der Umsetzung helfen \u2013 wie die Barrierefreiheitsfunktionen von WordPress und Elementor<\/a>. Aktualisieren Sie dann Ihre Benutzer-Persona-Vorlagen<\/a> mit inklusiven Faktoren wie F\u00e4higkeit, Eignung und Zugang. Halten Sie schlie\u00dflich Ihren Prozess auf dem neuesten Stand, w\u00e4hrend Sie mehr \u00fcber die Erfahrungen der Benutzer und die h\u00e4ufigen Herausforderungen lernen, denen sie bei der Nutzung des Webs begegnen.<\/p>\n","protected":false},"excerpt":{"rendered":" Es ist wichtig, beim Designen einer Website zu bedenken, dass nicht jeder Nutzer auf dieselbe Weise mit ihr interagiert. Durch die Anwendung von inklusivem Design k\u00f6nnen Sie Voreingenommenheit und Annahmen von Ihrer Website entfernen und sicherstellen, dass sich Nutzer nicht ausgeschlossen f\u00fchlen. Lesen Sie weiter, um zu erfahren, wie Sie diesen modernen Ansatz meistern k\u00f6nnen.<\/p>\n","protected":false},"author":2024193,"featured_media":125501,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[359],"tags":[],"marketing_persona":[],"marketing_intent":[48],"class_list":["post-125500","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-de"],"acf":[],"yoast_head":"\nInhaltsverzeichnis<\/h4>\n\n\n\n
Was ist inklusives Design?<\/h2>\n\n
Die Bedeutung des inklusiven Webdesigns<\/h2>\n\n
Die Nachteile fehlender Inklusivit\u00e4t<\/h3>\n\n
Die Vorteile der Inklusivit\u00e4t<\/h3>\n\n
Wie man inklusive Web-Design-Personas erstellt<\/h2>\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_04_blog_cover_what_Is_Inclusive_Web_Design_1200_630_no_text_inner_2.jpg\")
<\/figure>\n\nDie 7 Prinzipien des inklusiven Designs<\/h2>\n\n
1. Flexibilit\u00e4t<\/h3>\n\n
2. Einfachheit<\/h3>\n\n
3. Konsistenz<\/h3>\n\n
4. Wahrnehmung<\/h3>\n\n
5. Gleichberechtigung<\/h3>\n\n
6. Pr\u00e4vention<\/h3>\n\n
7. Anpassung<\/h3>\n\n
Fazit<\/h2>\n\n