![\"Hero-Area](\"https:\/\/thomas-sokolowski.com\/de\/wp-content\/uploads\/2025\/05\/Screenshot-LO-1.png\")
Die Hero-Area dieser Website ist \u00e4sthetisch, keine Frage. Doch laut WCAG Richtlinien ist diese nicht barrierefrei.<\/p><\/div>\n
<\/p>\n
Als Designer, der sich f\u00fcr eine st\u00e4rkere Inklusion einsetzt, hat mich das ein wenig verlegen und nachdenklich gemacht und mich dazu veranlasst, diesen Blogbeitrag zu schreiben. Darin m\u00f6chte ich darauf eingehen, ob und wie stark uns Barrierefreiheit tats\u00e4chlich einschr\u00e4nkt und inwieweit barrierefreie L\u00f6sungen kreativ sein k\u00f6nnen.<\/p>\n
<\/p>\n
Kreativit\u00e4t vs. Barrierefreiheit<\/h2>\n
In Gespr\u00e4chen mit Menschen mit Behinderungen wurde mir schnell klar: Das Befolgen von Accessibility-Regeln macht noch keine gute barrierefreie Website. Das Problem ist eher, dass viele Designer:innen Barrierefreiheit vor allem als \u00abPflichterf\u00fcllung\u00bb und weniger als \u00abChance\u00bb f\u00fcr herausragendes Design betrachten. Das Ergebnis sind h\u00e4ufig eint\u00f6nige User Interfaces, die weder Nutzer:innen mit noch ohne Behinderung wirklich begeistern. Dabei w\u00fcnschen sich auch Menschen mit Behinderungen kreative L\u00f6sungen, Interaktion und spielerische Elemente<\/strong> \u2013 kurz: ein Erlebnis, das Spass macht.<\/p>\n <\/p>\n Selbstverst\u00e4ndlich stellt die Einhaltung essenzieller Wahrnehmungsprinzipien in Typografie, Komposition und visueller Hierarchie die Grundlage eines jeden guten Interface-Designs dar \u2013 ganz unabh\u00e4ngig davon, ob wir eine WCAG-Konformit\u00e4t anstreben oder nicht. Und ja, um eine m\u00f6glichst hohe Barrierefreiheit zu erreichen, m\u00fcssen wir weitere Kriterien beachten. Doch eines muss klar sein: Die korrekte Anwendung aller Richtlinien erstellt nicht automatisch eine gelungene barrierefreie Website, die ihre Nutzer begeistert.<\/p>\n Viel wichtiger ist es zu verstehen, was es bedeutet, motorisch behindert, blind oder geh\u00f6rlos zu sein, und welche Hilfestellungen wirklich sinnvoll sind und welche nicht. Um dieses empathische Verst\u00e4ndnis zu erlangen, sind Kontakte, Gespr\u00e4che mit den eigentlichen Kernzielgruppen von Barrierefreiheits-Massnahmen, unabdingbar. Nur so k\u00f6nnen die tats\u00e4chlichen Bed\u00fcrfnisse von Menschen mit Einschr\u00e4nkungen ber\u00fccksichtigt werden. Tats\u00e4chlich werden Menschen mit Behinderungen aber kaum in Personas oder bei der Nutzerforschung ber\u00fccksichtigt, wie meine Umfragen ergeben haben.<\/p>\n <\/p>\n Ich denke, um wirklich kreative und gleichzeitig barrierefreie Produkte zu konzipieren, m\u00fcssen wir unsere h\u00e4ufig festgefahrenen Beurteilungskriterien und Denkweisen hinterfragen.<\/strong>\u00a0Die L\u00f6sung liegt im sogenannten Reframing<\/a><\/strong>, einer wirkungsvollen Methode des Design Thinking. Beim \u00abReframing\u00bb, im Deutschen “Neurahmung” oder “Umdeutung” wird ein Problem oder eine Sichtweise aus unterschiedlichen Perspektiven betrachtet. Es geht darum, den Rahmen, in dem eine Situation wahrgenommen wird, zu ver\u00e4ndern, um eine neue und h\u00e4ufig viel positivere Sichtweise zu erlangen.<\/p>\n Statt zu fragen: Was d\u00fcrfen wir nicht?<\/strong> fragen wir uns beim Reframing: Was k\u00f6nnen wir mit Hilfe der Barrierefreiheitsrichtlinien besser gestalten?<\/strong><\/p>\n Welche innovativen Designs ergeben sich, wenn A11Y-Standards nicht als Problem<\/strong>, sondern als kreatives Feature \u2013 als Chance f\u00fcr neuartige, starke Designl\u00f6sungen begreifen?<\/p><\/blockquote>\n In dieser Hinsicht sollten wir einige unserer Denkweisen hinterfragen und gegebenenfalls einen Perspektivwechsel vollziehen.<\/p>\n <\/p>\n <\/p>\n Universal Design<\/strong>, ein Konzept, das von der North Carolina State University in den 1990er Jahren entwickelt wurde, basiert auf der Tatsache, dass Menschen sehr unterschiedlich sind und dass Design diese Heterogenit\u00e4t bestm\u00f6glich unterst\u00fctzen sollte.<\/p>\n Die Universal Design Prinzipien<\/a> sind weltweit anerkannt und bilden die Grundlage f\u00fcr viele kreative und inklusive Produkte. Hier ein kurzer Auszug aus den Prinzipien:<\/p>\n Meiner Meinung nach ist die Anwendung dieser Prinzipien viel wertvoller als die formale Befolgung der WCAG-Regeln. Letztere fokussieren sich extrem auf die Don\u2019ts<\/strong>, aber weniger auf die Do\u2019s<\/strong>. Aber genau die helfen uns, kreative L\u00f6sungen zu erarbeiten, die auch Aspekte wie den \u00abJoy of Use\u00bb beinhalten.<\/p>\n <\/p>\n Ein sehr wichtiger Aspekt, auf den die Universal-Design-Prinzipien besonders eingehen, ist die Anpassungsf\u00e4higkeit von Produkten. Anstatt eine einzige statische L\u00f6sung zu entwerfen, die auf m\u00f6glichst viele unterschiedliche Bed\u00fcrfnisse und Probleme eingeht und dabei in der Regel viele Kompromisse eingehen muss, w\u00e4re es meiner Meinung nach viel sinnvoller, ein flexibles Produkt zu entwickeln, das sich den individuellen Bed\u00fcrfnissen und Problemen entsprechend anpassen l\u00e4sst.<\/p>\n Im digitalen Bereich ist Adaptability<\/strong> sehr einfach zu realisieren, da hierf\u00fcr Variablen eingesetzt werden k\u00f6nnen, die die gew\u00e4hlten Pr\u00e4ferenzen persistent speichern. Leider wird diese M\u00f6glichkeit viel zu selten genutzt. Es ist sogar so, dass viele f\u00fchrende A11y-Mentoren ihr eher kritisch gegen\u00fcberstehen. Sie w\u00fcnschen sich eine L\u00f6sung, die ohne vorherige Einstellungen<\/strong> auf m\u00f6glichst alle Behinderungen eingeht.<\/p>\n Aus meiner Sicht ist das aber weder nutzerzentriert noch wird die Vielfalt m\u00f6glicher Behinderungen ber\u00fccksichtigt. Diese Forderung wirkt auf mich ziemlich tradiert und dogmatisch. Daher m\u00f6chte ich allen, die sich noch nicht mit dem Aspekt einer adaptiven Barrierefreiheit besch\u00e4ftigt haben, kurz erl\u00e4utern, worum es bei dieser geht.<\/p>\n <\/p>\n \nAccessibility<\/strong> bedeutet, dass Produkte und Dienstleistungen von m\u00f6glichst allen Menschen genutzt werden k\u00f6nnen – ganz unabh\u00e4ngig von ihren k\u00f6rperlichen, sensorischen oder kognitiven F\u00e4higkeiten.<\/p>\n Adaptability<\/strong> bedeutet, f\u00fcr Produkte oder Dienste Anpassungs- oder \u00c4nderungsm\u00f6glichkeiten anzubieten. Ein h\u00f6henverstellbares Lenkrad ist beispielsweise ein adaptives Element, da es sich an die individuelle K\u00f6rpergr\u00f6sse der Fahrer anpassen l\u00e4sst. Auf diese Weise erm\u00f6glichet es eine optimale Nutzung.<\/p>\n Beide Begriffe h\u00e4ngen stark miteinander zusammen. Denn je adaptiver Produkte und Services sind, desto h\u00f6her ist ihre Zug\u00e4nglichkeit. Das liegt daran, dass sich durch eine hohe Anpassungsf\u00e4higkeit die m\u00f6gliche Nutzbarkeit eines Produktes in Bezug auf die vielf\u00e4ltigen Bed\u00fcrfnisse und Merkmale der Nutzer drastisch erh\u00f6ht.<\/p><\/blockquote>\n <\/p>\n Produkte die nur auf durchschnittliche oder \u00abnormale\u00bb Nutzer getrimmt sind, versagen in der Realit\u00e4t (Vgl. Einen durchschnittlichen Piloten gibt es nicht<\/a>) und verschenken ein riesiges \u00f6konomisches Potenzial (Vgl. Click-Away Studie<\/a>, 2019)<\/p>\n Eine digitale Anwendung, deren Schriftgr\u00f6sse oder Kontrastverh\u00e4ltnis sich individuell anpassen l\u00e4sst, kommt nicht nur Menschen mit Sehbehinderung entgegen. Auch Menschen ohne Behinderung profitieren von adaptiver Accessibility, da sich der Nutzungskontext situativ \u00e4ndern kann. Denn Ger\u00e4usche, starker Lichteinfall oder Spiegelungen k\u00f6nnen uns alle bei der Nutzung digitaler Inhalte behindern.<\/p>\n Eine Website, bei der sich das Kontrastverh\u00e4ltnis oder das Sprachniveau per Knopfdruck \u00e4ndern l\u00e4sst, ist f\u00fcr viele, wenn nicht sogar f\u00fcr alle Menschen von Vorteil.<\/p>\n <\/p>\n Adaptive Accessibility durch \u00abUser Preference Toggles\u00bb<\/p><\/div>\n <\/p>\n Nicht jeder kennt alle medizinischen Fachw\u00f6rter oder versteht juristisch verklausulierte Texte. Ich denke dabei an Menschen mit geringen Lesekompetenzen, \u00e4ltere Menschen sowie Kinder und Jugendliche. Durch die Anpassung des Sprachniveaus, beispielsweise auf einem Online-Ratgeber f\u00fcr Medizin, k\u00f6nnen die Ziel- und Nutzergruppen um ein Vielfaches erweitert werden.<\/p>\n Technisch ist eine solche L\u00f6sung heutzutage nicht mehr sehr anspruchsvoll. Dennoch sieht man sie nicht allzu h\u00e4ufig. Woran liegt das wohl? Ich denke, es liegt zum Teil an fehlender Empathie und mangelndem Bewusstsein, aber auch an falsch verstandener Kreativit\u00e4t.<\/p>\n <\/p>\n Mit einem \u00abpr\u00e4ferenzbasiertem Design\u00bb k\u00f6nnen optimale Nutzererlebnisse f\u00fcr Menschen mit und ohne Behinderung erm\u00f6glicht werden, ohne dass wir unsere Kreativit\u00e4t einschr\u00e4nken m\u00fcssen \u2013 ganz im Gegenteil.<\/p>\n Anstatt in Kategorien wie \u00abbarrierefrei\u00bb oder \u00abkreativ\u00bb zu denken, sollten Designer:innen maximal nutzerzentriert f\u00fcr alle Menschen gestalten. Gute Barrierefreiheit schliesst daher eine kreative und ansprechende Gestaltung nicht aus, sondern fordert dazu auf, innovative L\u00f6sungen zu finden, die wirklich alle erreichen.<\/p>\n Assistive Technologien wie Screenreader oder Braille-Displays sind unbestritten essenziell und lassen sich auch nicht durch \u00abAdaptive Accessibility\u00bb oder barrierefreies Design eliminieren. Aber je anpassungsf\u00e4higer wir unsere Produkte und Services von vornherein gestalten, desto weniger sind externe Hilfen n\u00f6tig (Vgl. Application of universal design principles minimizes the need for assistive technolog<\/a>y, 2022).<\/p>\n Wenn Barrierefreiheit durch die Anpassungsf\u00e4higkeit der verwendeten Systeme und nicht durch externe Hilfsmittel entsteht, f\u00fchlen sich alle besser. Zudem sparen wir dabei in der Regel auch Ressourcen.<\/p>\n <\/p>\n Mit User Preference Toggles<\/strong> integrierst Du feingranulare Schalter in Dein Interface, die auf unterschiedliche Nutzerbed\u00fcrfnisse eingehen – wie zum Beispiel:<\/p>\n <\/p>\n \nWas man nicht \u00fcber \u00abUser Preference Toggles\u00bb steuern sollte<\/strong><\/p>\n <\/p>\n Mit \u00abAdaptive Accessibility\u00bb kann jede:r die angebotenen Produkte so benutzen, wie er oder sie es am besten kann, ohne dass auf kreative oder anspruchsvolle L\u00f6sungen verzichtet werden muss. Folgende Vorteile ergeben sich:<\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n Why Constraints Are Good for Innovation:<\/strong> \u00abReframing\u00bb as creativity method:<\/strong> Design less, but better:<\/strong> How accessibility shapes digital product design:<\/strong> Universal Design Principles:<\/strong> <\/p>\n","protected":false},"excerpt":{"rendered":" Viele Designer:innen empfinden Barrierefreiheit eher als Einschr\u00e4nkung ihres gestalterischen Freiraums als eine Design-Maxime. F\u00fcr Sie stellt sich barrierefreie Gestaltung als ein striktes Befolgen von Regeln dar. Was kann man dagegen tun?<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[71,16,3],"tags":[107],"class_list":["post-2009","post","type-post","status-publish","format-standard","hentry","category-accessibility","category-user-experience","category-visual-design-2","tag-kreativitaet"],"_links":{"self":[{"href":"https:\/\/thomas-sokolowski.com\/de\/wp-json\/wp\/v2\/posts\/2009","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thomas-sokolowski.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thomas-sokolowski.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thomas-sokolowski.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thomas-sokolowski.com\/de\/wp-json\/wp\/v2\/comments?post=2009"}],"version-history":[{"count":28,"href":"https:\/\/thomas-sokolowski.com\/de\/wp-json\/wp\/v2\/posts\/2009\/revisions"}],"predecessor-version":[{"id":2064,"href":"https:\/\/thomas-sokolowski.com\/de\/wp-json\/wp\/v2\/posts\/2009\/revisions\/2064"}],"wp:attachment":[{"href":"https:\/\/thomas-sokolowski.com\/de\/wp-json\/wp\/v2\/media?parent=2009"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thomas-sokolowski.com\/de\/wp-json\/wp\/v2\/categories?post=2009"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thomas-sokolowski.com\/de\/wp-json\/wp\/v2\/tags?post=2009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Wahrnehmungsprinzipien und ihre Grenzen<\/h2>\n
Ein Perspektivenwechsel ist n\u00f6tig<\/h2>\n
Im Rahmen des Reframing-Prozesses k\u00f6nnen wir uns daher folgende Fragen stellen:<\/strong><\/h3>\n
\n
Universal Design<\/h2>\n
\n
Accessibility through Adaptability<\/h2>\n
Heterogenit\u00e4t ber\u00fccksichtigen oder \u00abEs gibt keinen einzigen durchschnittlichen Benutzer\u00bb<\/strong><\/h3>\n
![\"Beispiel](\"https:\/\/thomas-sokolowski.com\/de\/wp-content\/uploads\/2025\/05\/User-prefs-DE-1.svg\")
<\/a>Preference-based Accessibility<\/h2>\n
M\u00f6gliche Anpassungen, die \u00fcber eine Preference-based Accessibility vollzogen werden k\u00f6nnen<\/strong><\/h3>\n
\n
\n
Was spricht f\u00fcr eine Preference-based oder Adaptive Accessibility?<\/strong><\/h3>\n
\n
\n<\/strong>Nicht jede Person ben\u00f6tigt dieselben Hilfsmittel: Ein Screenreader hilft blinden Nutzern, w\u00e4hrend grosse Schrift Sehschw\u00e4chen entgegenkommt. Adaptive Accessibility erlaubt, dass jede:r genau die Features aktiviert, die er oder sie wirklich braucht.<\/li>\n
\nAuch \u00abtempor\u00e4re Behinderungen\u00bb z\u00e4hlen: eine laute Umgebung, starker Lichteinfall oder motorische Einschr\u00e4nkungen durch eine verletzte Hand. Adaptive Einstellungen lassen sich einschalten, genau dann, wenn man sie ben\u00f6tigt, aber beeintr\u00e4chtigen keine Nutzer, die sie nicht ben\u00f6tigen.<\/li>\n
\nWenn Nutzer:innen selbst entscheiden k\u00f6nnen, ob sie hochaufl\u00f6sende Bilder sehen, Texte in leichter Sprache lesen oder ein Design mit hohem Kontrast nutzen m\u00f6chten, wirkt das Erlebnis pers\u00f6nlicher und komfortabler.<\/li>\n
\nDie WCAG selbst betont in der \u00abUnderstanding Success Criterion 1.3.6\u00bb, dass Personalisierung und Pr\u00e4ferenzen Benutzer:innen mit unterschiedlichen Bed\u00fcrfnissen helfen, sich passgenau zu orientieren und Symbole sowie Begriffe so zu laden, dass sie \u00abvertraut\u00bb sind.<\/li>\n<\/ul>\nWas sollte man beachten, wenn man als Designer eine Adaptive oder Preference-based Accessibility anwenden m\u00f6chte?<\/strong><\/h3>\n
\n
\nWir sollten uns davor h\u00fcten, bestimmte Inhalte oder Funktionen aufgrund von Personaliserungs-Einstellungen auszublenden. Assistive Hilfsmittel sind \u00e4u\u00dferst vielf\u00e4ltig. Von Vorlesefunktionen bis hin zur KI-Unterst\u00fctzung ist dieser Bereich sehr breit aufgestellt. Wir k\u00f6nnen nicht exakt vorhersehen, wie Menschen mit Beeintr\u00e4chtigungen Inhalte aufnehmen oder Funktionen bedienen. Daher sollten wir uns vor eigenm\u00e4chtigen Entscheidungen h\u00fcten, die wie eine Bevormundung wirken k\u00f6nnten. Jeder Nutzer sollte m\u00f6glichst selbstbestimmt entscheiden k\u00f6nnen, wie er ein Produkt oder einen Dienst benutzt.<\/li>\n
\nAssistive Technologien basieren auf Standards. Genau daf\u00fcr sind die Richtlinien der WCAG da. Wenn wir diese als Rahmen f\u00fcr unsere Kreativit\u00e4t akzeptieren, gew\u00e4hrleisten wir, dass Screenreader und andere Tools ihre Arbeit korrekt ausf\u00fchren k\u00f6nnen.<\/li>\n
\nIch denke, es ist nicht zu viel verlangt, wenn Nutzer einen Klick auf einen Umschalt-Button t\u00e4tigen m\u00fcssen, um eine Website optimal nutzen zu k\u00f6nnen. Die Bed\u00fcrfnisse aller Menschen sind zu vielf\u00e4ltig, als dass sie ohne Personalisierung optimal aufgefangen werden k\u00f6nnten. Der dadurch erreichte Nutzen f\u00fcr alle ist so hoch, dass wir dabei nicht von einem \u201eUmweg\u201d oder einer \u201eSegregation\u201d sprechen sollten. Allerdings sollten wir darauf achten, dass wir Menschen mit Behinderungen durch eine Layered oder Preference-based Accessibility nicht stigmatisieren. Ein m\u00f6glichst hohes Mass an Barrierefreiheit sollte von Anfang an als Voreinstellung vorliegen. Und anstatt \u201eStandard vs. A11y\u201c<\/strong> solltest Du im Interface einzelne funktionale Toggles anbieten (z.B. \u201eHoher Kontrast\u201c, \u201eLeichte Sprache\u201c usw.). So kann jeder Nutzer genau das ausw\u00e4hlen, was er wirklich braucht, ohne sich \u201eanders\u201d oder \u201espeziell\u201d f\u00fchlen zu m\u00fcssen.<\/li>\n<\/ol>\nWie alle ein \u00abmaximales Erlebnis\u00bb bekommen!<\/strong><\/h3>\n
\n
\nDefiniere Farb-, Typografie- und Layout-Tokens so, dass sich mittels CSS-Variablen oder Theme-Switchern beliebige Stile (z. B. ein Dark-Mode oder ein High-Contrast-Thema) auf Knopfdruck ein- und ausschalten lassen.<\/li>\n
\nLeichte Sprache oder vereinfachte Labels lassen sich per Schalter einschalten. Aber noch besser ist es, wenn die Website standardm\u00e4\u00dfig in Leichter Sprache vorliegt und Zielgruppen, die komplexe Fachtermini bevorzugen, diese \u00fcber einen Button aktivieren k\u00f6nnen. Platziere zudem die User-Preference-Toggles prominent im Header, m\u00f6glichst am Anfang, sodass Screenreader-Nutzer sie umgehend auffinden.<\/li>\n
\nEin komplexes Animations-Layer, das interaktive 3D-Kacheln f\u00fcr Maus-\/Touch-User anbietet, sollte sich auch Screenreader-Nutzern erschlie\u00dfen lassen. Die Komponenten sollten sich automatisch \u00fcber ARIA-Attribute und Nutzerpr\u00e4ferenzen an das Nutzungsverhalten oder die verwendeten Nutzeragenten anpassen.<\/li>\n
\nAuf keinen Fall sollte man vergessen, Screenreader-Nutzer:innen zum Usability-Test einzuladen. \u00dcberhaupt sollte man fr\u00fchzeitig Nutzer mit unterschiedlichen Behinderungen in die Nutzerforschung und das Testing integrieren, denn nur so kann man die Bed\u00fcrfnisse dieser Nutzergruppe bestm\u00f6glich ber\u00fccksichtigen.<\/li>\n<\/ul>\nQuellen und weitere Informationen<\/strong><\/h3>\n
\nhttps:\/\/hbr.org\/2019\/11\/why-constraints-are-good-for-innovation<\/a><\/p>\n
\nhttps:\/\/www-infoq-com.translate.goog\/articles\/problem-reframing-method\/<\/a>
\nhttps:\/\/reframingstudio.com\/reframing-method<\/a><\/p>\n
\nhttps:\/\/www.nngroup.com\/articles\/aesthetic-minimalist-design\/<\/a>
\n\u2028https:\/\/pascaljb.medium.com\/deconstructing-dieter-rams-ten-principles-for-good-design-8a09fd205ed9<\/a><\/p>\n
\nhttps:\/\/uxdesign.cc\/think-inside-the-box-how-accessibility-shapes-digital-product-design-f240f1bf8b41<\/a><\/p>\n
\nhttps:\/\/universaldesign.ie\/about-universal-design\/the-7-principles<\/a>
\nhttps:\/\/dac.berkeley.edu\/services\/campus-building-accessibility\/universal-design-principles<\/a><\/p>\n