 Ich bin Marja, ich bin Beraterin für Digitale Barrierefreiheit und Webdesignerin aus Berlin und seit 2015 in der Webbus-Community-Aktiv, vor allem im Accessibility-Team. Ich werde in diesem Vortrag häufiger das Wort ELI verwenden. ELI ist eine Abkürzung von dem englischen Begriff Accessibility, da steht für Barrierefreiheit und es heißt deswegen ELI, weil zwischen dem A und dem Y 11 Buchstaben sind. Diese werden zusammengezogen mit einer 11 und als ELI gesprochen. Was ist das kognitive Spektrum? Unter kognitiven Spektrum fallen verschiedene Arten. Zum einen neurologische Entwicklungsstörungen. Das sind zum Beispiel, wenn man beim Aufwachsen ein Problem bei der neurologischen Entwicklung hat, dann spricht man von einer neuronalen Entwicklungsstörung. Darunter gefallen auch geistige Behinderungen. Dies ist ein Begriff oder eine Definition, die man verwendet, um solche schwer behinderten Grade festzustellen. Dann gibt es psychologische Erkrankungen und Neurodiversitäten, wobei Neurodiversitäten eine eigene Bezeichnung ist. Es gibt eine kleine Diskrepanz zwischen den offiziellen Bezeichnungen und Selbstbezeichnungen. Als Selbstbezeichnung fallen zum Beispiel Neurodiversitäten, kognitive Spektrum oder auch Neuro-A typisch. Und das kognitive Spektrum fallen ganz verschiedene Formen. Zum Beispiel ADHS und ADS, Dyslexia oder auf Deutsch Legastanie. Darunter fällt zum Beispiel, wenn man Probleme hat, Buchstaben und Texte zu verarbeiten. Diskalkulier. Das ist das Prondom zu Dyslexia mit Zahlen und Rechnen. Das heißt Mathe oder auch Zeitgefühle oder solche Buslinien. Wenn das über Nummern geht, fällt es schwerer, als wenn man solche farbliche U-Bahn-Linien hat. Wo die U-Bahn-Linien grün ist, einfacher zu verstehen und zu merken, als die U-Bahn-Linien neun für Menschen, die Diskalkulier haben. Darunter fällt auch das Autismus-Spektrum-Störung. Man spricht die von einem Spektrum, weil Autisten sehr unterschiedlich sein können. Oder Menschen mit Autismus oder im autistischen Spektrum, weil die Eigenschaften oder die Problematiken sehr, sehr verschieden sind und auch unterschiedlich ausgeprägt sind. Epilepsie fällt mit darunter. Das heißt, dass die häufigste Form von Epilepsie ist, wenn man über flackernde Lichter einen epileptischen Anfall hat. Down-Syndrom und auch verschiedener andere Behinderungen fallen ebenfalls ins kognitive Spektrum. Dazu gehören Gehirnverletzungen oder auch Operationen, wo die kognitive Leistung erstmal eingeschränkt ist. Genauso z.B. in Situationen wie Migräneattacken, wo das klare Denken oder auch die Aufnahme von Licht sehr eingeschränkt sind oder sehr schmerzhaft sein können. Mauschen-Signis fällt darunter. Das ist zum Beispiel das typische See-Krankheit. Wenn man im Auto fährt und man einen wird krank oder schlecht und es gibt aber Menschen, die diese Problematiken auch ganz normal im Alltag haben können, wenn sich das Licht sehr flackert, dass man sich dann so sehr unwohl fühlt und einem sehr schlecht wird. Psychische Erkrankungen fallen mit runter, z.B. Depressionen oder auch Angststörungen, weil dann nämlich auch die kognitive Leistung, um Aufgaben durchzuführen, eingeschränkt sein können. Und auch andere Krankheiten wie z.B. Demenz oder auch bestimmte Medikamente können das mit auslösen. Das heißt, wir sprechen von einem sehr, sehr großen Feld. Also sehr viele Menschen können davon betroffen sein auf ganz unterschiedlichster Art. Und deswegen ist das auch ein Bereich, der gar nicht so einfach ist zu fassen, weil die Menschen sehr unterschiedlich sind und mit ganz unterschiedlichen Problematiken zu kämpfen haben teilweise. Kommt zu ein paar Statistiken. Und zwar 8,2 Prozent aller Menschen sind irgendwann im Laufe ihres Lebens von einer Depression betroffen. Depressionen können auch immer wieder aufgehren. Das kann sein, dass man nur einmal im Leben eine Depression oder eine depressive Phase hat. Aber auch da kann es schwer fallen, dass die kognitive Leistung etwas eingeschränkt ist. Bei Dyslexie sind das 3,8 Prozent aller Menschen. Und Dyskalkulis sind nur ein paar weniger betroffen, 3,7 Prozent. Von ADHS sind 2,5 Prozent aller Menschen betroffen. Und im Autismus-Spektrum liegen ungefähr 1 Prozent aller Menschen. Wir sind z.B. hier auf einem World Camp mit 300 Personen. D.h. drei Menschen von uns haben rein statistisch gesehen eine diagnostizierte Autismus-Spektrumstörung. Und von Epilepsie sind 0,5 bis 1 Prozent aller Menschen betroffen. Wenn man so drüber nachdenkt, es sind gar nicht so wenige, die davon betroffen sind. Ich habe mal einen Vortrag gehalten über Legestinie auf einem World Camp Europe in Porto. Und dann sind viele danach auf mich zugekommen. Ich habe auch bei Twitter das gelesen, das viele gesagt haben, hey, ich habe auch Dyslexie. Und vor allem durch die Art, wo ich später noch streif zu komme, sind auch gerade im Bereich Entwicklung und auch Design viele Menschen im kognitiven Spektrum. Welche Merkmale und Besonderheiten gibt es im kognitiven Spektrum? Zum Einen ist es so, dass das Gehirn ganz anders funktioniert und Dinge anders verarbeitet. Es gibt ganz unterschiedliche Ausprägungen und Formen und deswegen auch unterschiedliche Schwierigkeiten. Deswegen sprechen wir vom Spektrum. Dies kann angeboren sein, z.B. bei Legestinie oder auch durch ein Krankheit oder durch Unfall erformen werden. Tatsächlich entstehen die meisten Behinderungen viel später im Leben durch ein Unfall oder eine Erkrankung. Die wenigsten Menschen kommen mit einer Behinderung auf die Welt. Es gibt z.T. eine genetische Komponente, z.B. beim Down-Syndrom oder auch bei Dyslexie. Und es kann sehr unterschiedlich um situationsabhängig oder Tagesform abhängig sein, ob die Probleme in dem Moment stärker oder schwächer sind. Und da spielt sich Bestress häufig eine größere Rolle. Also wenn ich unter einer ganz großen Steres-Situation stehe, fällt das teilweise viel für schwere Dinge zu verarbeiten. Ich hatte mal die Situation in London, dass wenn mein Rucksack geklaut wurde, samt Laptop. Und ich musste versuchen, die Bank anzurufen, meine Karten sperren zu lassen. Ich war eine maximale Stresssituation und ich war mir einfach nicht möglich, auf meinem Handy mit einer schlechten Internetverbindung diese Nummern rauszugugeln und anzurufen. Ich habe auch vergessen, dass ich sie im Kontaktformular gespeichert oder in meinem Kontaktbuch gespeichert hatte. Und ich hatte ganz glücklich das Glück, dass Freunde dabei waren, die das für mich gegoogelt haben und ich einfach nur anrufen musste, weil ich das in dem Moment einfach viel zu gestresst war, um das vernünftig zu handeln für mich. Ich habe mir auch mal aufgeschrieben, weil da, wo wir im Spektrum sind, haben wir ganz verschiedene Punkte. Ich lese mal ein paar vor. Ablenkungen, Konzentration, Reizüberflutung, Verarbeitung, Zeitmanagement, Hyperfokus, Kurzzeitgedächtnis, Intensität, Routinen, Langeweile. Beine euch vielleicht noch mehr Wörter ein, die in dieses Cluster passen würden. Nicht schichtern sein. Multitasking. Multitasking, ja. Kognitive Hyperaktivität, ja. Kreativität. Kreativität. Genau, das sind so ein paar Wörter, die man damit assoziiert. Ich möchte Sie ein bisschen erklären. Verarbeitung von Information. Es ist so, dass das Gehirn Dinge anders aufnimmt und teilweise anders verarbeitet. Da kann es euch dazu kommen, dass Fokus und Konzentration entweder auf der einen in einem Ektrum quasi liegen, dass man sich sehr leicht ablenken kann, man hat irgendwie vor, sich morgens vorzubereiten. Und dann sieht man irgendwie eine Sache, die repariert werden müsste. Man lässt sich davon ablenken. Man ist irgendwie am Computer, es kommt eine Nachricht rein, man wird abgelenkt, macht das und hat vergessen, was man eigentlich machen wollte. Das kennen wir alle aus dem Alltäglichen, aber gerade wenn man ins kognitive Spektrum fällt, ist das noch viel größer. Davon gibt es aber den absoluten Kontrast, den Hyperfokus. Wir haben so sehr stark am Hyperfokus landen über Stunden, dass man grundlegendste Dinge vergisst, wie auf Toilette gehen, was trinken, was essen. Komplett Zeitmanagement, komplett übern Bordwürft und gar kein Gefühl mehr dafür hat. Und deswegen ist gerade Konzentration und Fokus etwas ganz sensibles, weil das auf einem totalen, also auf einer ganz großen Skala, also je nach Tagesform einfach auch sein kann. Anderer Punkt ist die Wahrnehmung über Sensibilität von Geräuschen, Kontrasten und anderen Dingen, die ablenken. Die Menschen, die gestern hier beim Contributor Day waren, haben das vielleicht erlebt. Man saß am Tisch, man wollte miteinander reden und arbeiten, man wollte sich austauschen und es war einfach ein großer Geräuschspegel im Raum. Normale Menschen haben da schon teilweise Probleme, das irgendwie zu verarbeiten und sich darauf zu konzentrieren und das irgendwie auszublenden. Aber Menschen, die im autistischen Spektrum sind, um auszublenden, das kann wahnsinnig anstrengend sein. Und deswegen kann man in einem totalen Meltdown oder in so einer totalen Überforderung landen und wirklich so körperlich totale Probleme bekommen. Und das ist einfach weil das Gehirn diesen Filtern nicht hat. Weil Menschen, die neurotypisch sind, die unwichtigen Dinge werden ausgeblendet. Wenn ich z.B. in der Stadt lebe und ich laufe irgendwie über die Straße, ich habe überall Geräusche, ich habe Straßen, ich habe da irgendwie ein Hupen, das irgendwie, keine Ahnung, ein Hund der Bell, vielleicht einfach irgendwo Musik. Aber ich kann mich auf das Wichtigste konzentrieren. Z.B. da ist eine rote Ampel und ich darf erst laufen, wenn es grün ist. Es kann aber Situationen geben für Menschen, die neurotypisch sind, dass diese Filter, diese totale Überforderung, dass das nicht funktioniert mit dem Filter und dass man da ganz große Probleme hat, sich auf das Wichtige zu konzentrieren und da Prioritäten zu setzen, was jetzt wichtig ist. Deswegen auch der Punkt 3 zur Überflutung kann ein großes Problem sein. Das Gute ist, es gibt nicht nur Defizite. Dadurch, dass das Gehirn anders strukturiert ist, ist man natürlich anders als neurotypische Menschen. Dafür hat man aber auch Vorteile oder positive Benefits teilweise. Man hat mich stärken in anderen Bereichen, z.B. logisches Denken, konzeptionelles Denken, Kreativität oder auch emotionale Intelligenz. Und deswegen gibt es viele Menschen, die z.B. Entwickler-Innen sind oder auch Designer-Innen, weil man halt kreativ ist oder weil man sehr gut in logischen und konzeptionellen Dingen ist und dass man da teilweise nicht unbedingt mit Menschen, z.B. in einem Kindergarten arbeitet, sondern für jemanden, der Reitüberflutung empfindlich ist, sehr viel anstrengender, als wenn ich zu Hause sitzen kann und mich selber überlegen kann, wie möchte ich arbeiten, mit welchen Bedingungen möchte ich arbeiten und ich kenne auch einige WordPress-Agenturen, die da auch in größeren, ein bisschen Sensibilität dafür haben und z.B. auch Homeoffice oder sowas anbieten, dass das einfacher ist, um ständig abgelenkt zu werden. Helfende Tools und Einstellungen. Es gibt verschiedene Einstellungen in den Geräten oder auch Browser Extension, die man verwenden kann, um sich das ein bisschen leichter zu machen. Zum Beispiel gibt es die Option Bewegung reduzieren. Hier kann man am Gerät einstellen und wenn man das berücksichtigt auf App-Seiten oder auch in Apps, es gibt ein Dark Mode, dass man sich das einstellen kann, dass das hellere Schrift auf dunklem Hintergrund ist. Man kann Farbfilter einstellen, das ist euch auch interessant für Menschen, die Farben blind sind. Es gibt in einigen Tools den Lesemodus, wo man sich das Ganze drumherum, diese Seitenleistung, Wildwerbung und irgendwelche Pop-ups rausnehmen kann und einfach einen sehr übersichtlichen Lesemodus hat. Da gibt es häufig auch Sprachausgaben damit oder auch einzeln, die man mit Geräten oder Browsern und es gibt verschiedene Browser-Extensions, die man verwenden kann, um das ein bisschen einfacher zu machen. Dazu gibt es noch sogenannte SIFTF Technology oder auch kurz AT. Man denkt dabei eher, so ich bin an Screen wieder, wenn jemand blind ist oder an eine Braillezeile, das fällt unter IT, aber auch Menschen im kognitive Spektrum können bestimmte externe Geräte verwenden oder auch interne Zusatzgeräte verwenden, wichtig ist es aber auch, man darf nicht davon ausgehen, dass jeder weiß, dass es diese Tools gibt und dass nicht jeder weiß, wie man sie verwendet. Webdesign fürs kognitive Spektrum. Wir haben jetzt zwei Beispiele. Das eine ist das alte Layout vom Smashing-Magasin, mittlerweile haben sie das überarbeitet. Auf der anderen Seite sehen wir ein Artikel von HumanMate. Man kann hier ein paar Unterschiede sehen. Zwar sind beide sehr aufgelockert, das heißt, es gibt viel White Space, also viel weißer Raum, es gibt ein paar Zwischenüberschriften und das ist sehr positiv, dass ich nicht vor so einer Textwüste oder so einem totalen Textblock stehe und eingeschüchtert bin, das zu lesen. Zwischenüberschriften sind auch immer gut, um sich die Orientierung leichter zu machen. Was man vielleicht sieht als Unterschied bei dem Layout vom Smashing-Magasin, es ist nicht so richtig klar, wo man anfangen soll zu lesen, aber es wird der Artikel los und auf der rechten Seite haben wir den Autorin, der vorgestellt wird und darunter die H1 und darunter etwas, was eigentlich in die Seitenleiste gehört. Also die Reihenfolge, in welche ich die Elemente lese, ist ein bisschen verwirrend und das ist nicht sehr optimal. Weil wir würden das jetzt vielleicht uns kurz rätseln, das kann aber wahnsinnig ablenken und das kann sehr viel Aufmerksamkeit einfordern und wir erinnern uns, dass die Elemente in der Seitenleiste und die Elemente in der Seitenleiste sind auch klar abgegrenzt. Wichtig ist generell bei Layouts, dass sie nicht zu aufgebläht sind, dass nicht zu viele Elemente da sind, dass sich nicht irgendwelche Dinge an der Seite bewegen oder irgendwie rotieren und dass es einfach übersichtlich und klar ist. Und das ist auch das, was ich für die Elemente in der Seitenleiste im Smashing-Magasin, dass die Elemente in der Seitenleiste und die Elemente in der Seitenleiste übersichtlich und klar ist. Und darauf sollte man auch generell bei der Gestaltung achten. Zum Beispiel sollte man auch keinen Blocksatz verwenden. Das ist vor allem deswegen ein Problem, weil bei kleineren Geräten werden die Abstände zwischen den Wörtern sehr unregelmäßig und das ist auch wieder eine Ablenkung. Und man sollte möglichst einfach immer linksbündige Texte verwenden. Hier habe ich ein paar Vorschläge oder ein paar Beispiele gebracht um eine totale Überforderung sein im Sensorischen. Wenn wir die Beispiele mal sehen, was würde Ihr persönlich am angenehmsten empfinden als Farbkontrast? Rechts oben wird genannt, das ist ein blauer Text auf Eierschalen-Hintergrund. Wer noch? Rechts unten, das ist ein dunkler Hintergrund mit weißer Schrift. Okay, das heißt, niemand hat mir jetzt genannt die orangleschrift auf liler-Hintergrund und die rote Schrift auf grün-Hintergrund. Das liegt daran, dass das komplementär Kontraste sind. Die liegen im Farbkreis, genau gegenüber und sind auch sehr reine Farben, also die sind nicht gesettigt. Damit ist das ein sehr, sehr greller Farbkontrast und da kann sehr unangenehm sein. Es gibt manchmal so sehr poppige Webseiten, die mit diesen Kontrasten spielen. Das kann aber wirklich sehr überfordern sein für Menschen, die sensorisch etwas empfindlicher sind, etwas sensibler sind. Das würde ich das nicht empfehlen. Viel besser ist es, nicht den höchsten Kontrast zu nehmen. Nicht schwarz und weiß. Selbst wenn das ein schwarzer Hintergrund mit rein weißer Schrift ist, ist das nicht sehr optimal, weil es der stärkste Kontrastes gibt. Das ist vielleicht gut für Menschen, die Probleme haben mit der Seelstärke oder mit der Sehkraft ist aber nicht so gut für Menschen im kognitiven Spektrum. Deswegen würde ich immer empfehlen, off-white zu verwenden oder ein Eierschalen weiß und nicht das klare weiß oder ein dunkelgrün oder ein dunkelblau. Es ist auch immer gut, wenn man die Option Dark Mode anbietet. Die sollte aber auch komplett gestaltet sein. Nicht einfach nur in worded color so automatisch errechnet. Es ist auch gut, wenn man die Option Log Contrast anbietet, wenn man eine stark kontrastierte Webseite hat. Weite Problematiken sind unvorhersehbare Aktionen. Wenn ich auf eine Seite komme oder wenn ich ein Video habe im Header, der von alleine spielt oder ich öffne eine Seite und Musik fängt an zu spielen, das sind Dinge, die ich nicht erwartet habe. Auch beim Scrollen, wenn dann irgendwelche Dinge auf einmal passieren, die eigentlich nichts damit zu tun haben, dass ich einfach nur die Seite weiter nach unten möchte. Auch Geräusche sind ein Problem. Solche bei YouTube haben häufig irgendwelche YouTuber das mit drin mit aktiviere die Glocke und dann kommt ein ganz gerelles Glockengeräusch. Das ist vor allem wenn man Kopfhörer auffahrt, aber wenn man da sensorisch noch ein bisschen sensibel ist, kann das sehr schmerzhaft sein. Hier habe ich 2 Beispiele von Bewegungen. Ich zeig dir gleich, ich will die erst mal erklären, weil ich will das nicht die ganze Zeit laufen lassen, weil es kann halt überfordern. Man sollte auf Animationen verzichten, zum Beispiel GIFs, die in Dauerschleife laufen. Sollte man nicht einsetzen, man sollte es besser so einstellen, dass ich Controls habe, dass ich sie starten und dass sie auch nicht in einer Endlosschleife laufen, sondern dass sie nur einmalig quasi ablaufen. Es sollte kein Autoplay verwendet werden, so wie bei Sliden oder bei Videos oder auch bei GIFs. Und auch keine blinkenden Elemente. Generell sollte möglichst auf Bewegung verzichtet werden. Wenn man sie doch einbauen möchte, sollte man ein Button haben, mit dem man die Bewegung aktivieren kann. Also der Default sollte immer sein, keine Bewegung, aber wenn ich das haben möchte, kann man darauf schauen und das respektieren, wenn in Device Settings slow and no motion oder reduced motion aktiviert ist. Mikrobewegungen sind so ganz kleine Bewegungen, die passieren häufig bei Hover-Effekt. Richtig ist, wenn ich über ein Link gehe, dass der so ein bisschen nach oben jumpt. Oder wenn ich auf eine Samtnergie und es wird reingesumed. Oder wenn ich ein Parallex-Effekt habe. Das sind sogenannte Mikrobewegungen und ein ganz großes Problem sind flackende Lichter für Menschen, die Epilepsie haben. Es gibt zwar häufig eine Warnung davor, dass es flackende Lichter gibt. Das Problem ist aber, dass viele Menschen gar nicht wissen, dass sie Epilepsie haben, bevor sie nicht ihren ersten Anfall haben. Woher soll man das sonst wissen? Und wenn ich dann aber alleine vom Rechnersitze und das ausgelöst wird durch ein Video und in dem Moment habe ich einen epileptischen Anfall und ich bin vielleicht alleine zu Hause, dann habe ich auch keine Hilfe in dem Moment. Und deswegen ist das ein ganz großes Gesundheitsrisiko. Also darf man echt nicht unterschätzen. Und das sollte man wirklich ernst nehmen, dass man nicht jemanden in eine gesundheitliche Gefahr bringen möchte. Aus diesem Grund sollte man auf stark flackende Effekte einfach komplett verzichten und nicht nur den Kompromiss machen. Naja, wir machen ja eine Meldung davor. Ich starte jetzt mal die Animation. Zuerst ist das ein GIF. Startet das? Das bewegt sich gerade. Ach doch. Ich habe hier einmal Farben, die sich ändern mit einem Computer, wo die das alles durchläuft. Das war ursprünglich mal eine Webseite für ein Mitgliederbereich, wo man geonboardet wurde und das ließ ich auch nicht ausstellen. Und ich hatte große Probleme, den Text rumzulesen, weil ich das nicht wegbekam. Ich habe irgendwann Blatt Papier davor gehalten, damit ich das lesen konnte. Und die andere Animation ist von Pinterest. Da wurde dir ein Menü-Button mit einem pulsierenden blauen Kreis markiert. Und es gab keine Möglichkeit, diesen Kreis wegzunehmen. Und an dem Tag konnte ich Pinterest nicht benutzen. Ich habe mich wahnsinnig gemacht. Es war wie eine Aktion. Ich soll da draufklicken. Ich habe irgendwann darauf geklickt, damit dieser blöde Kreis weggeht, diese Bewegung weggeht, aber sie ist nicht weggegangen. Und dann habe ich das irgendwann zugemacht, weil ich das nicht mehr benutzen konnte. Dann gibt es weitere Dinge, die Stress auslösen können. Zum Beispiel Zeitlimits. Das ist häufig, wenn man Formulare ausfüllt. Zeitlimits. Also wenn ich durch ein Formular ausfüllen möchte oder ein Ticket kaufen möchte, wenn es häufig so ein Counter unter runter geht, habe ich vielleicht 10 oder 12 Minuten, um diese Aktion auszulösen. Das kann vielleicht für den Betreiber der Plattform sinnvoll sein, weil man ja nur für im begrenzten Zeitraum das Ticket reservieren lassen möchte, kann aber wahnsinnig für Stress auslösen bei jemanden, der eh schon Probleme hat mit Stresssituationen oder vielleicht auch einfach eine Assistive Technology verwenden möchte. Also einen Zusatz-Tool, sich blinde Menschen brauchen wesentlich länger, um bestimmte Aktionen durchzuführen. Wenn man das unbedingt machen muss, weil es technisch nicht anders geht im System, sollte man als Kompromiss allerdings ein Button zur Verfügung stellen, mit dem ich das Zeitlimit erweitern kann. Ich glaube, wir kennen all das Problem. Wir wollten irgendwann mal was buchen, dann wird auf einmal die Kreditkartendaten gefragt. In Deutschland, die meisten am EC-Karten wissen nicht die Nummer auswendig. Dann fängt man erstmal an die Kreditkarte zu suchen, denn weiß ich nicht, wo die ist und ich habe nur noch 3 Minuten Stress. Deswegen Optionen geben, dass man Stress, dass man das Zeitlimit erweitern kann. Ein anderes Problem sind Captures. Häufig sind das Bilder Captures. Wähle alle aus mit einem Fahrrad oder einem Laternfall. Und dann fragt man sich, hier ist jetzt noch so ein kleiner Zwicken von einem Laternenfall, zählt das jetzt dazu oder nicht? Nervig. Das Problem ist auch, dass das nicht barrierefrei ist für Menschen, die blind sind. Deswegen gibt es häufig als Kompromiss, dass eine ganz einfache Rechenaufgabe verwendet wird. Man denkt, naja, das kann ja wohl jeder. Wir erinnern uns, es gibt Diskalkulier. Da sind ungefähr 7% aller Menschen vom Betroffen. Und das kann eine große Stress- Situation hervorrufen. Vielleicht könnte man das lösen, wenn man ganz viel Zeit hat und nicht sehr aufgeregt oder gestresst ist. Aber wenn ich eh schon gestresst bin, kann das auch eine Barriere sein. Deswegen sind Captures generell eine Hürde. Das ist eine Frage? Die Frage ist, ob jemand, der Diskalkulier hat, nicht einfach einen Rechner benutzen würde. Nicht unbedingt, weil einfach die Zahlen an sich schon großen Stress auslösen würde. Man weiß ja auch nicht unbedingt, dass man Diskalkulier hat. Es sind ungefähr 7% aller Menschen von Diskalkulier betroffen. 8% aller Menschen sind von Legasthenie betroffen. Ich persönlich kenne viele, die Legasthenie haben. Ich habe selber Legasthenie. Ich kenne kaum jemanden, der Diskalkulier hat. Ich glaube, weil da die Aware, also die Aufmerksamkeit oder das Bewusstsein dafür noch gar nicht so groß ist. Ich glaube, da kommt ja auch so was Psychologisches dazu. Bei vielen Menschen, sich über mir, mein Deutschunterricht, mein Englischunterricht als Capture hätte, übersetzt das mal eben. Mich würde das schon irgendwie stressen, auch wenn ich mittlerweile fließend bin auf Englisch. Da sind einfach so Traumataas aus der Kindheit, mit Schule und Mathe. Viele machen einfach dicht. Klar könnte man dann einen Rechner benutzen. Man könnte auch einfach ein Honipot verwenden als Capture oder eine unsichtbare Form von Capture, wo man gar nicht eine extra Funktion machen, also eine extra Aufgabe machen müsste, um das zu lösen, um sich einzulocken. Deswegen Capture ist eine schwierige Sache. Dann gibt es stressauslösende Patterns, sogenannte Dark Patterns. Dark Patterns sind etwas, was für die Firmen gut ist, aber nicht zu sehr viel benutzen. Zum Beispiel, wenn ich ein Flugticket buchen möchte und bin im Buchungsprozess, dann werde ich gefragt, aus welchem Land kommst du? Dann sage ich Deutschland, auf einmal ist mein Flugpreistreuerer, und ich stecke mir so, hey, wie ist das denn? Den gucke ich nach, dann ist das eine Versicherung, die hinzugefügt wurde, die darauf abzieht, dass ich in Deutschland bin. Aber die Frage war nicht, möchtest du eine Versicherung haben? Dann wähle dein Land aus. Die Frage war einfach nur, aus welchem Land bist du? Das ist ein sogenanntes Dark Pattern. Das soll quasi dazu führen, dass ich mehr Dinge buche, ob ich das nicht will. Man sieht das auch häufig bei Cookie-Bannern. Das Cookie akzeptieren ist ein großer, klarer Button. Das verwalten ist ein kleiner Link irgendwo. Da muss ich da draufklicken, da muss ich nochmal Dinge anklicken und da muss ich nochmal klicken. Also ich muss viel mehr klicken, um Cookies abzulehnen oder nur die Notwendigen zu akzeptieren. Aber es wäre nur ein Klick, der sehr auffällig ist und quasi auch an so einem Button ist, wie weiter erinnert, wo man eh mal schnell raufklickt. Und das ist auch ein Problem. Man sieht auch hier ein Dark Pattern. Da steht, wir müssen wahrscheinlich alle eine Unterkunft buchen für G-Rollstein. Vielleicht war man ein bisschen gestresst, weil man nicht wusste, gibt es genug Unterkünfte. Und da sind natürlich so Dinge wie, es ist nur noch ein Zimmer für diesen Preis auf dieser Seite verfügbar oder fünf Menschen gucken sich gerade die gleiche Unterkunft an. Oder in den letzten fünf Minuten haben sich so und so viele Menschen ebenfalls das gebucht. Das sorgt dafür, dass man gestresst ist. Man denkt, oh, ich muss schnell buchen, ich muss schnell buchen. Und vielleicht sieht man sich nicht unbedingt das Kleingedruckte vor durch. Und das ist natürlich für jemanden, der anxiety hat oder sich für Depression ein großes Problem, weil das halt sehr überfordern kann. Aus diesem Grund sollte man solche Dark Patterns nicht einsetzen. Und ich habe hier auf der rechten Seite ein Bild, was ein bisschen wie ein Capture ist. Da steht, exit the enter current year. Also man soll das aktuelle Jahr eingeben. Und das soll angeblich ein Passwort Code sein für ein Altersheim mit Demenzkrankenmenschen. Na ja, schwierig. Inhalte fürs kognitive Spektrum. Das hier ist ein Poster von dem Government UK von dem Accessibility Team. Die machen hervorragende Arbeit. Und es gibt insgesamt sechs Accessibility Poster. Das ist die deutsche Übersetzung. Ich habe das aufgeteilt zum Runterladen. Ich habe später auch den Link hinzugefügt. Und ich lese hier mal ein paar Punkte vor. Auf der rechten Seite ist die richtige Variante. Auf der falschen Seite sind Dinge, die man vermeiden sollte. Zum einen sollte man Texte mit Diagrammen unterstützen. Man sollte sich immer kurz fassen. Eine Information pro Satz und keine langen Schachtelsätze. Also nicht wie Thomas Mann. Das Wichtigste sollte ganz zu Beginn sein und sollte nicht am Ende versteckt sein und wie ein Hengkliffer immer weiter dazu geführt werden, dass man immer weiter liest. Am besten eine Wichtigste Information ganz am Anfang und dann ins Detail gehen. Auf Fremdwörter sollte man verzichten und Füllwörter auch. Füllwörter sind so unnütze Wörter, die man einfach nur reinpackt und es irgendwie aufzublänen. Und es ist wichtig, dass man sich keine Informationen merken sollte. Dass man nicht darauf angewiesen ist. Im Autismuspektrum also so wir hatten hier einmal die Farben, das haben wir schon erläutert. Wichtig ist auch, dass man keine bildliche Sprache verwendet. Zum Beispiel hier ist das Beispiel aus dem Englischen wo Katzen und Hunde regnen mit einem Bildschirm. Mit einem Regenschirm. Und der Satz dafür auf Englisch heißt es regnet Katzen und Hunde. Was halt für uns keinen Sinn macht und als ich mein Englant gelebt habe, was hat mir jemand gesagt, ich war so hell, ich weiß nicht, was das heißt. Es heißt einfach nur, es regnet sehr stark. Ja, wieso sagt ihr da nicht, es regnet sehr stark. Und im Deutschen haben wir zum Beispiel das Wort Rabeneltern. Das sind nicht die Eltern von Rabenkücken, es sind schlechte Eltern. Ja, dann sagt auch schlechte Eltern. Und Menschen im kognitiven Spektrum können da teilweise große Probleme haben, das zu verstehen, aber genauso auch Menschen, die nicht Muttersprachler sind. Auch hier Texte einfach strukturieren und sprechen links und Buttons. Also nicht einfach nur Klicke hier oder hier, sondern ganz klar sagen Datei herunterlernen. Man sollte auch Sarkasmus und Ironie kenntlich machen. Denn Sarkasmus verstehen nicht alle Menschen. Und auch gerade über Text und Schrift ist das manchmal schwierig zu verstehen. Ist das jetzt Sarkasmus oder nicht? Vor allem, wenn man sich noch nicht so wahnsinnig gut kennt. Wir gehen das auch häufiger so beim Contributen auf Slack. Wenn ich Leute nicht gut kannte, alles ist auf Englisch, man schreibt miteinander. War das jetzt Sarkasmus oder war das ernst gemeint? Zum Grund ist es gut, Emoji zu verwenden oder auch GIFs. Hier habe ich ein GIF, wo aus Backbank Theory, wo Leonard ein Schildhoch hält für Scherzen, der auch Probleme hat mit Sarkasmus, um den Sarkasmus von Penny zu symbolisieren. Sarkasmus zählt. Zudem sollte man, also Abkürzung, ist auch ein großer Punkt. Es gibt ganz geläufige Abkürzungen, die so geläufig sind, dass sie Sinn machen. Dazu gehören zum Beispiel, beispielsweise gegebenenfalls und so weiter. Es gibt aber auch Abkürzungen, die sind nicht so häufig. Und deswegen sollte man sie, wenn man sie verwenden möchte, ganz am Anfang erklärt. So wie ich Ellie erklärt habe, weil ich weiß, ich verwende auch häufiger dieses Wort. Es gibt aber auch Schwierigkeiten bei Abkürzungen. Zum Beispiel Kochanleitungen oder eine Meterangabe, wo man eine Einheit schreibt, zum Beispiel eine Minute. Das kürzt man ab mit 1m. Aber ein Screen wieder könnte vorlesen, 1 Meter ist mir schon passiert. Wenn das Screen wieder nicht in Kontext versteht, dann sollte man Maß an Halten immer ausschreiben und nicht abkürzen, weil das kann auch Verwechslungen geben. Und wenn man Zahlen hat, sollte man die nicht als Wort ausschreiben. Ich kenne das gerade bei Romanen, wo es euch bejahres Zahlen als Wörter geschrieben werden. Das kann auch kein Mensch lesen. Besser wäre, Ziffern zu verwenden. Dann gibt es auch die Möglichkeit, leichtere Sprache oder einfache Sprache zu verwenden. Und da gibt es aber einen Unterschied zwischen diesen beiden. Sie werden häufig als Anonymen verwendet, aber es gibt ein Regelwerk für leichte Sprache. Das gibt ganz klar Regeln über Strukturen, wie man das schreibt und wie man das gestaltet. Zum Beispiel sind die Anzahl der Wörter begrenzt, wie Satzstruktur muss einfach sein und es muss über Bilder und Grafiken unterstützt werden. Bei der einfachen Sprache hingegen gibt es keine Regeln. Entwickeln für das kognitive Spektrum. Zum einen sollten die Dinge richtig ausgezeichnet werden. Zum Beispiel Landmarks sollte man richtig verwenden. Es ist deswegen wichtig, damit die Tools, also die Asset of Technology richtig greifen kann, richtig vorlesen kann. Suchfelder in Such- oder Filterfunktionen sollten fehler-tolerant sein gegenüber Tip-Fehlern. Das ist vor allem für Menschen, die Dyslexie haben, wichtig, dass falls sie sich mal vertippen, dass es trotzdem eine Erfolgsbildung gibt. Die Weissetting sollten immer riks respektiert werden. Also Reduced Motion und Dark Mouth oder auch andere. Und auch die Sprache, ob es Deutsch oder Englisch ist, sollte richtig definiert sein, damit nämlich die Asset of Technology verwendet, um das fortzulesen. Und auch die richtigen Aussprache-Regeln. Hier war eine Frage. Also hier ist die Frage, was Landmarks sind. Gute Frage, gar kein Problem. Landmarks sind mit HTML5 eingeführt worden, vor allem. Das ist zum Beispiel für Header, für Main oder für Asset. Also für die Seitenleiste. Früher gab es dafür nur Diff und dann konnte man das weiter spezifizieren als Header oder auch als Seitenleiste oder die Navigation. Das sind Landmarks, das sind quasi Header-Inklammern, Asset-Inklammern, Futter-Inklammern. Und die sollte man immer verwenden und nicht Diff dafür verwenden. Das ist quasi die Semantik. Das Fazit. Zum einen, Textverständnis sollte unterstützt werden durch Layout und einfache Sprache. Der Stress sollte reduziert werden. Es sollte immer die Kontrolle dem Muster gegeben werden und es sollte keinen Darkpatter verwenden. Hören sollten reduziert werden, indem die Animationen kontrollierbar sind und sich das zu investieren. Keine grauen Kontraste und auch nicht so viel Visual Noise, nicht so viel aufgeblähtes Layout. Lieber minimalistisch und klar strukturiert. Und die Device-Settings sollten erklärt werden. Ich habe hier noch Quellen und weiterführende Informationen und ich habe gesprochen. Fragen. Wenn ihr Fragen habt, komme ich gerne mit dem Mikro zu euch. Die? Erst mal nochmal Danke. Was ist das Thema in der Accessibility schon mehr Thema gewesen? Genau. Die Frage ist ja auch im Film drin. Also WCAG Guidelines teilweise vor allem in Deutschland gilt der DBETV und da ist zum Beispiel einfache Sprache, leichte Sprache. Meinst du, das ist nach ein bisschen geregelt. Das Problem ist, dass es viele Dinge gibt im kognitiven Spektrum, die gar nicht geregelt sind und die auch schwer sind zu regeln. Also was geregelt ist, ist die Kontrolle über Animationen oder über Geräusche. Dass das alles kontrollierbar sein muss, dass man nicht einfach irgendwas anmachen darf. Das hängt aber auch viel damit zusammen, dass es euch für Screen-Wider-User sehr viel schwieriger ist, eine Seite zu betreten, irgendwas spielt und da muss ich erst mal finden, wo kann ich das stoppen. Das spielt, während ich mein Screen-Wider höre zum Beispiel keinen starken Kontrast geben darf. Da ist es nicht geregelt. Es ist nur geregelt, was der Mindest-Kontrast sein muss. Es ist aber nicht geregelt, was der Maximal-Kontrast sein darf. Weil das aber auch schwierig ist. Weil der Kontrast wird ja über den Helligkeitswert gerechnet. Wenn ich jetzt aber z.B. Rot und Grün verwende, wo der Helligkeitswert vielleicht stimmt, ist trotzdem die Farbe an sich ein Problem. Das kann ich aber echt schwer regeln. Also in der WCAG sind ja auch nur Dinge drin, die ich klar definieren kann und da muss ich dann einen unangenehmen Farbkontrast prüfen. Also das ist, aus meiner Sicht, ich will nicht sagen, dass WCAG hinterherhängt, weil es halt schwer ist, das in eine Guide-Line zu gießen. Aber auf jeden Fall gibt es da Lücken, die noch nicht so wirklich vorhanden sind. Die nicht wirklich gefüllt sind. Ich bin auch mit Weißraum. Es ist nicht geregelt, wie viel Weißraum musst du denn haben. Klar sieht man das und man kann dann den Hinweis geben. Das ist eine richtige Regel. Man muss nach so und so viel Setzen einen Absatz machen, gibt es nicht. Aber es gibt euch eine Guide-Line, wie viele Zeichen du haben darfst in einer Zeile oder haben solltest. Noch weitere Fragen. Ich hätte noch eine Frage. Was glaubst du, ist zielführender am Ende? Müssen alle Web-Designer, alle Entwickler sich ausgiebig mit dem Thema Accessibility beschäftigen, damit man eine optimale Lösung wirklich gibt am Ende in der Nutzbarkeit der Webseite oder lässt es sich auch mit solchen Browser-Erweiterungen erreichen, dass man da auf ein gutes Niveau kommt? Ganz klar, jeder muss sich damit beschäftigen, was in seinem eigenen Wirkungskreis passiert. Ich muss jetzt nicht als Designerin wissen, was euch Belandmarks sind oder wie ich Code schreibe, weil dafür ist man ja Designer aber schon Dinge wissen wie Farbkontraste. Man sollte Lesbarkeit verstehen, Layouts, Bewegung, Benutzerfreundlichkeit. Barrierefreiheit ist ja auch eine erweiterte Form der Benutzerfreundlichkeit der UX. Das muss ich schon wissen. Weil wenn ich darauf das nicht weiß und das nicht mit einbaue, und ich mache am Ende eine Prüfung, dann muss ich das alles nochmal machen. Wenn ich aber bei der Zusammenstellung der Farben im Style Guide und man hat eine Prüfung, dann hat man vielleicht in einzelnen Stellen irgendwie was, wo man nachbessern muss. Man muss aber nicht alles nochmal neu erfinden. Ich finde, es gehört mittlerweile auf jeden Fall zu unserem Berufsbild, dass man in dem Bereich, wo man selber tätig ist und selber arbeitet, ob man Inhalte schreibt oder Code schreibt, dass man sich innerhalb des eigenen Know-how, auch mit Barrierefreiheit beschäftigt, definitiv. Browserextensions können das auch nicht abfangen. Browser wären zwar besser, zu minimieren. Z.B. ist jetzt der Prüfschritt in der WC AG 4.1.1 letzte Woche rausgeflogen. Das ist Parsing, also wenn ich bestimmte Fehler habe im Code. Das Browser kann das mittlerweile abfangen. Deswegen ist das obsolent geworden. Deswegen ist das rausgeflogen. Eine überraschende Entscheidung, weil das nicht häufig vorkommt, ist aber eine gute, weil Browser das mittlerweile abfangen können. Die Semantik ist dafür in anderen Prüfschritten in der Semantik. Browser werden aber nicht alles abfangen können. Man muss trotzdem eine vernünftige Seite quasi anbieten. Das geht zwar schon ziemlich ins Detail, aber hast du ein gutes Beispiel von einem Plug-in oder irgendein Tool für die pausierbaren GIFs? Von der technischen Seite was? Habe ich schon viel Zeit rein investiert, aber eine gute technische Lösung habe ich noch nicht wirklich gefunden. Ja, ich habe lange dafür recherchiert für meine Slides. Eigentlich ist es ein Tool. Packst du dein GIF rein und hast diese Option, womit du das bearbeiten kannst. Da kann man angehen, nur einmal ablaufen lassen und dann kann man das in die Webseite reinsetzen. Auf der Webseite passiert das nicht, das passiert vorher in so einem Tool. Ich kann das aber auch noch mal recherchieren, was das genau war. Das ist ein paar Monate her, dass ich das gemacht habe. Muss ich eigentlich unterscheiden zwischen Benutzerfreundlichkeit und Barrierefreiheit? Die Frage war, wie man Benutzerfreundlichkeit Barrierefreiheit unterscheidet. Barrierefreiheit ist dadurch definiert, dass ... Das war nicht. Es ist die Frage Benutzerfreundlichkeit, Barrierefreiheit unterscheide ich das. Ich verstehe das durch den Mikro, ich kann ... Benutzerfreundlichkeit bei Ihnen? Nein, es gibt schon eine ... Ihr habt die Frage verstanden? Die Differenzierung ist schon ... Es gibt eine Definition für Barrierefreiheit, dass etwas benutzbar ist für jemand, der eine Behinderung hat oder eine Accessive Technology verwendet. Benutzerfreundlichkeit ist eher dieses, dass es angenehm zu verwenden ist. Und da gibt es aber auch ... Es ist ein bisschen komplex, weil das eine ist, zum Beispiel das Layout. Wenn ich das benutzerfreundlich mache, ist es auch barrierefreier. Das heißt jetzt aber nicht, dass es technisch barrierefrei ist, wenn es im Technischen nicht richtig ausgezeichnet wurde. Das heißt, es ist so ein ... Ich finde, irgendwann gibt es eine Benutzerfreundlichkeit, die vielleicht gut ist und dann aber in der Barrierefreiheit Mangel hat. Und dann gibt es aber zum Beispiel auch die Benutzerfreundlichkeit innerhalb der Barrierefreiheit. Das heißt nicht, dass es auch für den Screen wieder benutzerfreundlich ist. Dass der Weg dahin und die Bedienung selber benutzerfreundlich ist. Da gibt es manchmal so, naja, ich kann es irgendwie bedienen und es funktioniert schon, aber so richtig schön angenehm ist es halt auch nicht unbedingt, aber es zählt trotzdem als barrierefrei. Es gibt auch noch mal die Benutzerfreundlichkeit innerhalb der Barrierefreiheit. Es gibt aber auch so einen Faden von benutzerfreundlich und dann barrierefrei. Das kann ich natürlich sagen. Ich weiß nicht, ob jetzt mein Antwort Sinn macht, aber so würde ich das beschreiben. Also die Frage ist, ob es eine Studie darüber gibt, wie viele Menschen ich abschrecke, weil ich eine Seite barrierefrei gestaltet habe. Die Frage ist aus meiner Sicht falsch. Es sollte eher sein, wie viele Leute schrecke ich ab, weil sie nicht barrierefrei oder benutzerfreundlich ist. Weil benutzerfreundlich, also Barrierefreiheit heißt nicht gleich hässlich. Also ich weiß, es gibt viele Seiten, die barrierefrei sind. Das sind häufig in welcher öffentlichen Seiten wie Behörden oder Städten oder so, die barrierefrei sind und unfassbar hässlich aussehen. Das ist aber nicht unbedingt, das ist vielleicht technisch barrierefrei, heißt aber nicht, dass sie designmäßig barrierefrei ist. Es gibt mittlerweile sehr, sehr viele gute Beispiele, die gut designt sind und gut gestaltet sind und barrierefrei sind. Das ist kein Kontrast mehr. Das geht Hand in Hand. Machen wir noch? Ja, auch erstmal vielen Dank. Super Vortrag von nicht. Eine Frage hätte ich. Und zwar, du hattest ja vorhin so individuelle Fälle aufgezählt, zum Beispiel Weißraum und so weiter und dass es da halt keine feste Regelung für gibt und auch kein Tool der Welt aufgrund dieser fehlenden Regelung das irgendwie bestimmen kann, ob das jetzt ausreichend oder zu wenig ist und ja, von diesen Fällen gibt es ja, denke ich mal, noch ein paar mehr als den Weißraum. Wie finde ich das heraus? Also einfach durch klassische Nutzertests und einfach durch immer weiter evaluieren und verbessern oder also hast du da Erfahrungswerte schon irgendwie gesammelt? Ja, also ich nenne das ein bisschen Training the accessibility Masse, also den barrierefreiheitsmuskel trainieren. Das ist zum einen, also bei mir ist es so, ich habe selber Legasthenie, also ich bin selber davon eingeschränkt, wenn es nicht übersichtig ist. Das ist mir natürlich auf und stört mich. Wenn man selber das Problem nicht hat, ich habe kein Problem mit Zahlen, mir ist das lange nicht aufgefallen, dass das ein Problem sein könnte. Ich mag das lieber, ist so ein bisschen die Frage, ob das hier Menschen gab, die das nicht so gut mochten. Dass eigentlich Menschen fragen und User-Tests am besten machen und von da an immer weiter lernen. Aber ich glaube, z.B. wenn man jetzt mit dem Smashing-Magazin zum Beispiel schaut, man ist vielleicht erst mal irritiert. Und wenn man das Gefühl hat, man ist irritiert, ich weiß nicht wie ich das wieder gut, ich weiß gerade nicht wie ich das wieder an die Wand packe, aber wenn man selber das Gefühl hat, man ist irritiert und man ist jetzt nicht, man hat keine Behinderung, man hat keine Neurodiversität, dann ist das schon mal ein Indiz, dass das andere Menschen mehr als nur stören könnte. Das ist wie mit dem Geräuschpegel, wenn ich das schon anstrengend finde, da ein schlechteren Filter hat, richtig, richtig schwer sein. Das ist eigentlich eher so ein Bewusstsein dafür haben, so Aware dafür sein, Menschen damit fragen, User-Tests machen und von da lernen, aber es gibt auch ganz viele Ressourcen. Also ich finde wirklich der Block von Government UK von einem Accessibility-Team kann ich nur empfehlen, weil die halt auch so eigene Labs haben, wo sie verschiedene Dinge z.B. auch simulieren. Es gibt z.B. so Browser-Extensions, die man machen kann, um zu simulieren. Das ist eher nur eine Simulierung, es ist nicht wirklich so, dass man z.B. mit Legas-Denis simuliert werden, das sind dann so springende und wechselnde Buchstaben. Und das ist natürlich nicht wirklich so, also ganz genau so, aber es gibt eine ganz gute Idee davon, wie sich das anfühlt. Und da muss man Aufgaben machen mit diesen wechselnden Buchstaben. Und so was gibt dann schon die Idee, was hilft und was hilft nicht in der Gestaltung. Abschließend nur noch eine Sache. Welche Ratschläge kannst du denn uns allen mit auf den Weg geben, einen guten Einstieg in das Thema zu finden, abgesehen von deinem Vortrag? Dass man versucht, es möglichst einfach und übersichtlich zu halten. Dass man verschiedene Formate miteinander kombiniert. Also z.B. eine Grafiktext oder Bilder und Video mittext. Und dass man versucht, verschiedene Menschen mit reinzudenken. Denken, Farbkontraste, ganz wichtig. Also eigentlich so die niedrig hängenden Früchte, die Lauchhanging fruit, so was wie unterstrichende Links, Farbkontraste. Nicht sollte sich bewegen. Immer die Kontrolle dem User überlassen. Das sind so was wie, Links sollen sich nicht automatisch im neuen Tab öffnen. Es gibt einen Grund, dass ich sie auch im neuen Fenster öffnen möchte vielleicht. Aber wenn man Tage plenkt macht, kann ich sie nicht im neuen Fenster öffnen. Nur weil ich das toll finde, heißt das nicht, sondern weil ich das auch mit den Farbkontraste und diesen kleinen Kram, die man leicht beheben könnte, das zuerst machen. Und von da kann man auch immer tiefer gehen. Schön, ja. Vielen, vielen Dank für den spannenden Einstieg in das Thema. Wir haben noch ein kleines Geschenk für dich.