{"id":876,"date":"2018-04-07T17:22:47","date_gmt":"2018-04-07T15:22:47","guid":{"rendered":"http:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=876"},"modified":"2024-02-18T18:08:30","modified_gmt":"2024-02-18T16:08:30","slug":"sehbehinderte","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/formen-von-einschraenkungen\/sehbehinderte\/","title":{"rendered":"Barrierefreies Weddesign f\u00fcr Sehbehinderte"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/digitale-barrierefreiheit.podigee.io\/37-sehbehinderung\/embed?context=external&#038;theme=default\" style=\"border: 0\" border=\"0\" height=\"100\" width=\"100%\"><\/iframe><br \/>\nRichtlinien wie die WCAG sind ein wichtiges und hilfreiches Hilfsmittel f\u00fcr die barrierefreie Gestaltung. Sie bleiben aber oft eher abstrakt. Seltsamerweise k\u00fcmmert man sich in der Barrierefreiheits-Szene sehr stark um Aspekte der Blindheit, vernachl\u00e4ssigt aber die wesentlich gr\u00f6\u00dfere Gruppe der Sehbehinderten.<br \/>\nUm das Ganze ein wenig anschaulicher zu machen m\u00f6chte ich modellhaft beschreiben, wie Sehbehinderte im Internet unterwegs sind. Diese Beschreibung stellt exemplarisch einen bestimmten Ausschnitt aus dem Surfverhalten dar und ist nicht ersch\u00f6pfend. <\/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\/barrierefreies-internet\/formen-von-einschraenkungen\/sehbehinderte\/#Auswirkungen_von_Sehbehinderungen\" >Auswirkungen von Sehbehinderungen<\/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\/barrierefreies-internet\/formen-von-einschraenkungen\/sehbehinderte\/#Sehbehinderte_am_Computer\" >Sehbehinderte am Computer<\/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\/barrierefreies-internet\/formen-von-einschraenkungen\/sehbehinderte\/#Die_Tuecken_der_Vergroesserung\" >Die T\u00fccken der Vergr\u00f6\u00dferung<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/formen-von-einschraenkungen\/sehbehinderte\/#Besondere_Probleme_bei_Touchscreens\" >Besondere Probleme bei Touchscreens<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/formen-von-einschraenkungen\/sehbehinderte\/#Blinde_im_Vorteil\" >Blinde im Vorteil<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/formen-von-einschraenkungen\/sehbehinderte\/#Sehbehindertengerechte_Gestaltung\" >Sehbehindertengerechte Gestaltung<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/formen-von-einschraenkungen\/sehbehinderte\/#Zum_Weiterlesen\" >Zum Weiterlesen<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Auswirkungen_von_Sehbehinderungen\"><\/span>Auswirkungen von Sehbehinderungen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Generell lassen sich 3 Auswirkungen von Sehbehinderungen unterscheiden:<br \/>\nVerringerte Sehsch\u00e4rfe<br \/>\nDas scharfe Erkennen von Objekten ist verringert. Komplexe Objekte wie etwa Buchstaben in Serifen-Schriften werden schlecht erkannt, weil die Details nicht unterschieden werden k\u00f6nnen. Stellt euch vor, ihr w\u00fcrdet die Funktion Weichzeichnen in der Fotobearbeitung verwenden und damit ein wenig \u00fcbertreiben.<br \/>\nKontrast-Schw\u00e4che und Farbenblindheit<br \/>\nObjekte mit geringen Kontrasten k\u00f6nnen schlecht erkannt bzw. vom Hintergrund unterschieden werden. Stellt euch einfach ein stark \u00fcber- oder unterbelichtetes Bild vor.<br \/>\nFarb-Fehlsichtigkeiten f\u00fchren dazu, dass Farben wie Rot und Gr\u00fcn nicht unterschieden werden k\u00f6nnen. Das l\u00e4sst sich in jeder Bildbearbeitung testen, wenn man das Bild in Graustufen anzeigt. Farben-Blindheit ist auch unter Nicht-Sehbehinderten weit verbreitet.<br \/>\nEinschr\u00e4nkungen des Gesichtsfeldes<br \/>\nDas Gesichtsfeld kann sehr klein oder nur punktuell scharf sein. Das f\u00fchrt dazu, dass Bildobjekte nur bruchst\u00fcckhaft erkannt werden k\u00f6nnen. Deswegen werden Objekte vergr\u00f6\u00dfert, um Details besser zu erkennen oder verkleinert, um das Objekt als Ganzes sehen zu k\u00f6nnen.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Sehbehinderte_am_Computer\"><\/span>Sehbehinderte am Computer<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Sehbehinderte stehen vor besonderen Problemen, die v\u00f6llig anders sind als die Probleme von Blinden. Stellen Sie sich vor, Sie sind auf einer bestimmten Webseite unterwegs und m\u00fcssen etwas anklicken. Kein Problem, Sie klicken es einfach an, das machen Sie sicher 1000 Mal am Tag.<br \/>\nAls stark Sehbehinderter tun Sie nun folgendes: Sie suchen den Mauscursor, diesen kleinen wei\u00dfen Pfeil, der hinter dem hellen Hintergrund des Bildschirms kaum zu erkennen ist. Wenn Sie den Cursor gefunden haben, suchen Sie erneut die Stelle, auf die Sie klicken wollten, denn anders als ein Sehender  k\u00f6nnen Sie nicht beides gleichzeitig im Blick behalten. Wenn Sie Gl\u00fcck haben, wissen sie noch, wo der Cursor steht und f\u00fchren ihn auf die zu klickende Fl\u00e4che. Ist die Klickfl\u00e4che sehr klein, ist es oft m\u00fchsam, sie genau anzuklicken.<br \/>\nErschwert wird das Ganze, wenn die Betroffenen Vergr\u00f6\u00dferungssoftware  einsetzen. Je st\u00e4rker die Vergr\u00f6\u00dferung ist, desto schlechter k\u00f6nnen die Betroffenen erkennen, an welcher Stelle der Website sie sich befinden. Stellen Sie sich vor, Sie h\u00e4tten eine Landkarte mit allen Ortschaften von NRW und m\u00fcssten etwa den Ort Rheinbach finden, ohne genau zu wissen, wo der eigentlich genau liegt. Ich sage Ihnen jetzt, er liegt in der N\u00e4he von Bonn. Sie suchen jetzt nach K\u00f6ln, weil Sie ungef\u00e4hr wissen, wo das liebt und K\u00f6ln gr\u00f6\u00dfer als Bonn ist. Dann suchen Sie nach Bonn und dann nach Rheinbach. So m\u00fcssen Sehbehinderte verfahren, wenn sie sehr kleine Elemente auf Websites suchen, sie orientieren sich an gr\u00f6\u00dferen Elementen. Surfen auf unbekannten Seiten kann so zum anstrengenden und nervt\u00f6tenden Geduldspiel werden. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Die_Tuecken_der_Vergroesserung\"><\/span>Die T\u00fccken der Vergr\u00f6\u00dferung<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wir machen uns selten bewusst, was Vergr\u00f6\u00dfern eigentlich bedeutet. Gehen wir davon aus, dass eine Website genau so gro\u00df ist wie der Bildschirm, sagen wir 17 Zoll, dann verdoppelt sich die Fl\u00e4che bei einem Vergr\u00f6\u00dferungsgrad von 2 auf 34 Zoll. Bei zehnfacher Vergr\u00f6\u00dferung hat unsere Website eine Diagonale von170 Zoll.<br \/>\nZusammen mit dem Cursor der Maus bewegen sie auch den vergr\u00f6\u00dferten Bildauschnitt, das hei\u00dft, sobald die Maus bewegt wird, etwa um ein Element anzuklicken verschiebt sich auch das anzuklickende Element. Sehbehinderte m\u00fcssen das Kunstst\u00fcck fertig bringen, sich die Position zweier Elemente zu merken, die sie fast nie gleichzeitig sehen k\u00f6nnen. Eine wirkliche Katastrophe sind die Ausklappmen\u00fcs, hier wird das Ganze zur Mausakrobatik.<br \/>\nMeiner Erfahrung nach k\u00f6nnen sich die meisten Sehbehinderten nicht mit der Tastatursteuerung anfreunden, weil sie mit der Maus sozialisiert wurden. Bei der Tastatur gibt es aber auch ein \u00e4hnliches Problem. Nehmen wir an, wir wollen einen Link aus dem Inhaltsbereich anklicken, dann m\u00fcssen wir mit der Tastatur alle m\u00f6glichen Elemente \u00fcberspringen und darauf achten, wo sich der Tastaturfokus gerade befindet. Gleichzeitig m\u00fcssen wir uns die Position des Links im Text merken, den wir anklicken wollten. Das klingt anstrengend und ist es auch. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Besondere_Probleme_bei_Touchscreens\"><\/span>Besondere Probleme bei Touchscreens<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nun mag man meinen, das Problem habe sich mit den Touchscreens erledigt. Das ist aber nicht der Fall. Der Vorteil der Touchscreens besteht darin, dass nicht mehr zwei Elemente, n\u00e4mlich das zu aktivierende Element und der Cursor bzw. der Tastatur-Tab zusammengef\u00fchrt werden m\u00fcssen. Es gibt ein Problem dabei und das ist die Hand. Auch wenn Sehbehinderte die Nasenspitze nicht auf dem Ger\u00e4t aufliegen haben \u2013 das kommt durchaus vor \u2013 verdecken Finger und Hand immer einen Teil des Screens und nat\u00fcrlich zwangsl\u00e4ufig das Element, das angepatscht werden soll. Ich wei\u00df ehrlich nicht, wie Sehende das hinbekommen, aber gerade auf kleinen Screens muss der Fingertipp sehr exakt erfolgen. Bei einem gro\u00dfen Touchscreen wie etwa bei Automaten ist das noch m\u00f6glich, weil die Elemente links, rechts und oben noch erkennbar sind, aber wie soll man z.B. einen Text mit einer Bildschirmtastatur eingeben, wenn man sehbehindert ist? Insofern waren die alten Handys noch besser f\u00fcr Sehbehinderte geeignet, die Positionen der Buchstaben auf dem Zehnerblock hat man schnell auswendig gelernt, so das man blind tippen und gleichzeitig auf den Screen schauen konnte. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Blinde_im_Vorteil\"><\/span>Blinde im Vorteil<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Sehbehinderte lassen sich auch nicht davon \u00fcberzeugen, dass sie mit einem Screenreader besser dran w\u00e4ren. In einigen Bereichen waren die Blinden schon fast immer besser dran, sie konnten sich Texte schneller vorlesen lassen. Da heute viele Seiten zumindest die grunds\u00e4tzlichen Anforderungen von Barrierefreiheit erf\u00fcllen, ich meine \u00dcberschriftenebenen oder Navigationen als Listen und zahlloser hilfreicher Funktionen der Screenreader sind Blinde heute in vielen F\u00e4llen mit weniger Barrieren konfrontiert als Sehbehinderte. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Sehbehindertengerechte_Gestaltung\"><\/span>Sehbehindertengerechte Gestaltung<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Sehbehindertengerechte Gestaltung umfasst mehrere Elemente:<\/p>\n<ul>\n<li>Klare Orientierungslinien, entweder durch echte Linien, durch die Positionierung von Elementen oder durch Wei\u00dfraum<\/li>\n<li>Dunke Schrift auf hellem Grund &#8211; ist f\u00fcr alle Nutzer:Innen besser. Es gibt Sehbehinderte, die helle Schrift auf dunklem Grund oder andere Farbkombinationen einstellen. Aber das k\u00f6nnen sie selbst besser steuern. Wenn sie ihren Rechner standardm\u00e4\u00dfig so eingestellt haben, dass er Farben umkehrt m\u00fcssen sie diese Einstellung abschalten, wenn sie auf Webseiten sto\u00dfen, die ihrerseits hellen Text auf dunklem Grund verwenden<\/li>\n<li>Ausreichend gro\u00dfe Buttons und andere anklickbare Elemente.<\/li>\n<li>klar erkennbarer Tastatur- und Mausfokus<\/li>\n<li>gut erkennbare Formularfelder<\/li>\n<li>gut lesbare Schrift und ausreichend gro\u00dfer Schriftgrad<\/li>\n<li>Verzicht auf Dekoration in allen Bereichen, in denen gelesen oder mit der Website interagiert werden muss<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Zum_Weiterlesen\"><\/span>Zum Weiterlesen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreie-redaktion\/grafiken-und-bilder\/bilder-und-grafiken-fuer-sehbehinderte-optimieren\/\">Bilder und Grafiken f\u00fcr Sehbehinderte optimieren<\/a><\/li>\n<li><a href=\"https:\/\/www.netz-barrierefrei.de\/en\/visually-impaired.html\">Designing for the visually impaired<\/li>\n<li><a href=\"https:\/\/netz-barrierefrei.de\/en\/visual-impairment-workplace.html\">How to deal with visual Impairments as employer<\/A><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Richtlinien wie die WCAG sind ein wichtiges und hilfreiches Hilfsmittel f\u00fcr die barrierefreie Gestaltung. Sie bleiben aber oft eher abstrakt. Seltsamerweise k\u00fcmmert man sich in&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/formen-von-einschraenkungen\/sehbehinderte\/\">Weiterlesen<span class=\"screen-reader-text\">Barrierefreies Weddesign f\u00fcr Sehbehinderte<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":558,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-876","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/876","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=876"}],"version-history":[{"count":8,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/876\/revisions"}],"predecessor-version":[{"id":8908,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/876\/revisions\/8908"}],"up":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/558"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}