{"id":8697,"date":"2023-11-25T15:29:25","date_gmt":"2023-11-25T13:29:25","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=8697"},"modified":"2024-10-19T16:26:18","modified_gmt":"2024-10-19T14:26:18","slug":"user-experience-probleme-fuer-blinde","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/user-experience-probleme-fuer-blinde\/","title":{"rendered":"User Experience &#8211; Probleme f\u00fcr Blinde"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/digitale-barrierefreiheit.podigee.io\/180-warum-blinde-eine-gute-user-experience-brauchen\/embed?context=external&#038;theme=default\" style=\"border: 0\" frameBorder=\"0\" height=\"100\" width=\"100%\"><\/iframe><\/p>\n<p>Standards wie die WCAG decken die technischen Anforderungen von Blinden an digitale Benutzer-Oberfl\u00e4chen recht gut ab. Technische Konformit\u00e4t muss aber nicht hei\u00dfen, dass eine Anwendung f\u00fcr Blinde auch angenehm zu nutzen ist. Vielfach schrecken formal barrierefrei, aber schlecht nutzbare Anwendungen Blinde eher ab.<\/p>\n<p>Wenn blinde Menschen Anwendungen regelm\u00e4\u00dfig nutzen, k\u00f6nnen sie damit in der Regel sehr gut arbeiten. Die Herausforderung besteht darin, dass wir heutzutage oft sehr schnell mit neuen Anwendungen arbeiten m\u00fcssen oder Programme haben, die wir so selten nutzen, dass wir mit ihnen nicht vertraut werden \u2013 ein Bereich, in welchem eine gute User Experience besonders wichtig w\u00e4re.\u00a0<\/p>\n<p>Bei den folgenden Beispielen gehe ich davon aus, dass die Anwendung im Gro\u00dfen und Ganzen barrierefrei, also standardkonform ist. Es versteht sich von selbst, dass nicht-barrierefreie Anwendungen von Blinden nicht oder nur mit gro\u00dfen Schwierigkeiten genutzt werden k\u00f6nnen. Ein typisches Beispiel ist ein Button, der als verlinkte Grafik oder anklickbares JavaScript-Element umgesetzt wird. Das ist zwar generell bedienbar, aber nicht standardkonform, weil die Rolle des Elements nicht korrekt ist.<\/p>\n<p>\u00a0<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/user-experience-probleme-fuer-blinde\/#Haeufige_Probleme\" >H\u00e4ufige Probleme<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/user-experience-probleme-fuer-blinde\/#Loesungs-Moeglichkeiten\" >L\u00f6sungs-M\u00f6glichkeiten<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/user-experience-probleme-fuer-blinde\/#Fazit\" >Fazit<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Haeufige_Probleme\"><\/span>H\u00e4ufige Probleme<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Oft sind es Kleinigkeiten, welche Blinden die Nutzung erschweren. Ein typisches Design-Pattern besteht darin, den Abbrechen-Button rechts und den Zustimmen-Button links zu platzieren.<\/p>\n<p>Das f\u00fchrt h\u00e4ufig dazu, dass der Abbrechen-Button per Tab zuerst erreicht wird. Passt man als NutzerIn nicht auf, bricht man aus Versehen den Vorgang ab. In den meisten F\u00e4llen d\u00fcrfte aber das Best\u00e4tigen die gew\u00fcnschte Option sein. <\/p>\n<p>Blinde Menschen gehen bei der Nutzung von Web- oder App-Oberfl\u00e4chen stets von oben nach unten. Das hei\u00dft, dass sie nicht mitbekommen, wenn sich etwas vor ihrer aktuellen Position \u00e4ndert. Stellen Sie sich vor, Sie scrollen durch eine l\u00e4ngere Seite, klicken etwas an und es \u00e4ndert sich etwas oben au\u00dferhalb Ihres Viewports. Das passiert etwa bei Google-Anwendungen wie Gmail. W\u00e4hlen Sie eine Mail aus, um sie vielleicht zu l\u00f6schen, tauchen die entsprechenden Buttons oberhalb der Mail-Liste auf, eine blinde Person w\u00fcrde sie aber unterhalb der Mail-Liste suchen, weil sie ja oben schon \u201evorbeigekommen\u201c ist und zu diesem Zeitpunkt war dort nichts.<\/p>\n<p>Eine weitere Herausforderung ist die zunehmende Komplexit\u00e4t von Tastenk\u00fcrzeln: Blinde nutzen bei Desktop-Anwendungen unz\u00e4hlige Tastenbefehle, um die Arbeit zu beschleunigen. Mit dem Tastenk\u00fcrzel \u201eAlt + 1\u201c kann man zum Beispiel einen Text-Abschnitt als \u00dcberschrift 1 markieren.<\/p>\n<p>\u00a0<\/p>\n<p>Auch im Web gibt es solche K\u00fcrzel, die aber sehr komplex sein k\u00f6nnen. Sie bestehen h\u00e4ufig aus dem Dr\u00fccken von drei oder mehr Tasten gleichzeitig. Das ist sowohl motorisch als auch kognitiv eine Herausforderung: Je mehr Tasten man dr\u00fccken muss, desto h\u00f6her die Wahrscheinlichkeit einer Fehl-Bedienung. Hinzu kommt, dass es keinen Standard f\u00fcr Tastaturbefehle gibt. Bei Tools zur Video-Kommunikation sehen die Symbole zum Aktivieren des Videos oder der Kamera immer \u00e4hnlich aus, so dass Sehende sich schnell zurechtfinden. Die Tasten-Kombinationen f\u00fcr diese Funktionen sind hingegen jeweils anders, f\u00fcr Blinde ist das nicht intuitiv.<\/p>\n<p>\u00a0<\/p>\n<p>Die Komplexit\u00e4t der Anwendungen nimmt stetig zu: Vor allem Single-Page-Applikationen wie Google Docs oder auch sehr lange Formulare sind eine Herausforderung f\u00fcr Blinde. Blinde k\u00f6nnen nicht \u201escannen\u201c, also eine gro\u00dfe Menge an Informationen und UI-Elementen schnell \u00fcberfliegen. Das erschwert es, solche Anwendungen fl\u00fcssig zu bedienen.<\/p>\n<p>\u00a0<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Loesungs-Moeglichkeiten\"><\/span>L\u00f6sungs-M\u00f6glichkeiten<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>F\u00fcr einige Probleme gibt es L\u00f6sungen, bei anderen ist es allerdings schwieriger.<\/p>\n<p>Die Anforderungen blinder Menschen sollten fr\u00fchzeitig ber\u00fccksichtigt werden. Dazu geh\u00f6rt \u2013 wie oben angedeutet \u2013 eine gute Orientierung \u00fcber HTML- oder ARIA-Regionen und eine f\u00fcr die Nutzer*In schl\u00fcssige Tastatur-Navigation mit bekannten Tasten-K\u00fcrzeln. Bei komplexen Formularen und Anwendungen ist au\u00dferdem ein gutes Fehler-Management wichtig. Fehl-Eingaben sollten antizipiert werden, Angaben sollten m\u00f6glichst sofort validiert und der Nutzer*In kommuniziert werden, damit sie korrigiert werden k\u00f6nnen.<\/p>\n<p>\u00a0<\/p>\n<p>Bei dynamischen \u00c4nderungen wie ge\u00e4ndertem Text oder neu eingef\u00fcgten UI-Elementen sollten die \u00c4nderungen m\u00f6glichst hinter dem Element stattfinden, mit dem sie ausgel\u00f6st wurden. Alternativ sollte der Nutzer*In zumindest exakt mitgeteilt werden, wo sie die \u00c4nderungen findet und wie sie dort hinkommt. Das Hijacken des Screenreader-Fokus, also das Verschieben per JavaScript ist zwar m\u00f6glich, aber bei Blinden nicht besonders beliebt, da sie dann nicht mehr wissen, wo auf der Seite sie sich befinden.<\/p>\n<p>\u00a0<\/p>\n<p>W\u00fcnschenswert f\u00fcr alle Nutzer*Innen, aber besonders f\u00fcr Blinde ist mehr Einfachheit bei Anwendungen. Buche ich etwa ein Ticket bei der Deutschen Bahn \u00fcber die Desktop-Website, sehe ich dennoch die komplette Navigation von bahn.de. Das Buchungs-Formular und ein Button zum Abbrechen der Buchung w\u00fcrde vollkommen ausreichen und die Orientierung deutlich erleichtern.<\/p>\n<p>\u00a0<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Fazit\"><\/span>Fazit<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Generell ist es sinnvoll, mit blinden Anwender*Innen zu testen und deren Feedback fr\u00fchzeitig zu ber\u00fccksichtigen. Allerdings ist es vor allem bei komplexen Anwendungen schwierig, ausreichend qualifiziertes Feedback zu bekommen. Dann ist es sinnvoll, Feedback-M\u00f6glichkeiten f\u00fcr blinde Nutzer*Innen anzubieten und dieses Feedback in Optimierungen einflie\u00dfen zu lassen.<\/p>\n<p>\u00a0<\/p>\n<p>Wichtig w\u00e4re au\u00dferdem, dass sich assistive Technologien weiterentwickeln. Aktuell sind sie nach wie vor auf Desktop-Anwendungen optimiert. Es ist aber absehbar, dass viele Anwendungen ins Web abwandern werden. Problematisch ist auch, dass sich in den Screenreadern teilweise keine einheitlichen Bezeichnungen f\u00fcr g\u00e4ngige UI-Elemente wie etwa Checkboxen durchgesetzt haben.<\/p>\n<p>\u00a0<\/p>\n<p>Auch fehlt es teilweise an etablierten Design Patterns f\u00fcr Blinde. Wie oben erw\u00e4hnt haben sich noch keine einheitlichen Tasten-K\u00fcrzel f\u00fcr \u00e4hnliche Aufgaben in unterschiedlichen Anwendungen etabliert.<\/p>\n<p><a href=\"https:\/\/netz-barrierefrei.de\/en\/blinde-ux.html\">User Experience for the blind<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Standards wie die WCAG decken die technischen Anforderungen von Blinden an digitale Benutzer-Oberfl\u00e4chen recht gut ab. Technische Konformit\u00e4t muss aber nicht hei\u00dfen, dass eine Anwendung&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/user-experience-probleme-fuer-blinde\/\">Weiterlesen<span class=\"screen-reader-text\">User Experience &#8211; Probleme f\u00fcr Blinde<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8697","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/8697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/comments?post=8697"}],"version-history":[{"count":4,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/8697\/revisions"}],"predecessor-version":[{"id":9541,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/8697\/revisions\/9541"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=8697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}