{"id":3499,"date":"2020-09-28T10:16:10","date_gmt":"2020-09-28T08:16:10","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?p=3499"},"modified":"2023-08-19T12:53:36","modified_gmt":"2023-08-19T10:53:36","slug":"barrierefreie-webseiten-sind-gutes-handwerk","status":"publish","type":"post","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreie-webseiten-sind-gutes-handwerk\/","title":{"rendered":"Barrierefreie Webseiten sind gutes Handwerk"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-content\/uploads\/klempbner-handwerker.jpg\" alt=\"\" width=\"614\" height=\"720\" class=\"alignleft size-full wp-image-3500\" srcset=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-content\/uploads\/klempbner-handwerker.jpg 614w, https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-content\/uploads\/klempbner-handwerker-256x300.jpg 256w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/>Anl\u00e4sslich des Global Accessibility Awareness Day am 17. Mai hatte ich verschiedene Tweets zum Thema barrierefreie Webgestaltung abgesetzt. Unter anderem schrieb ich sinngem\u00e4\u00df: &#8222;Barrierefreie Webseiten sind keine Extra-Leistung, sondern gutes Handwerk. Hohe Preisaufschl\u00e4ge sind also nicht gerechtfertigt&#8220;. F\u00fcr diese Aussage habe ich ein paar kritische Nachrichten bekommen. Deshalb m\u00f6chte ich das kurz erkl\u00e4ren.<\/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\/barrierefreie-webseiten-sind-gutes-handwerk\/#Ein_Button_ist_ein_Button_ist_ein_Button\" >Ein Button ist ein Button ist ein Button<\/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\/barrierefreie-webseiten-sind-gutes-handwerk\/#Barrierefreie_Loesungen_finden\" >Barrierefreie L\u00f6sungen finden<\/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\/barrierefreie-webseiten-sind-gutes-handwerk\/#Design-Kriterium_Sieht_besser_aus\" >Design-Kriterium: Sieht besser aus<\/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\/barrierefreie-webseiten-sind-gutes-handwerk\/#Wann_Kostenaufschlaege_gerechtfertigt_sind\" >Wann Kostenaufschl\u00e4ge gerechtfertigt sind<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Ein_Button_ist_ein_Button_ist_ein_Button\"><\/span>Ein Button ist ein Button ist ein Button<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wenn etwas so aussieht wie ein Button und wenn es sich verh\u00e4lt wie ein Button, dann sollte es auch in HTML ein Button sein.<br \/>\nKurz zur Erkl\u00e4rung: Man kann design-technisch etwas erstellen, was wie ein Button aussieht und so funktioniert, aber im Code einfach nur JavaScript ist, der hinter eine Grafik gelegt wurde, die wie ein Button aussieht. Warum macht man so was? Weil man entweder faul, doof oder beides ist. Der Aufwand, einen echten Button in HTML zu basteln ist exakt 0 Prozent h\u00f6her als eine Grafik mit JavaScript zu unterlegen. Doof, weil man offensichtlich keine Ahnung hat, wie man vern\u00fcnftigen Code schreibt und wahrscheinlich irgendeine Anwendung verwendet, mit der man sich die Elemente zusammenklickt. Ich als absoluter Laie k\u00f6nnte so etwas in HTML anzulegen. Wer sich Webentwickler nennt, sollte das hinbekommen, das ist sozusagen das kleine Ein-Mal-Eins des Webdesigns.<br \/>\nDas Gleiche gilt nat\u00fcrlich f\u00fcr alle anderen Bereiche. Wer HTML und CSS ihrem Zweck gem\u00e4\u00df einsetzt, hat bereits einen Gro\u00dfteil der Anforderungen von Barrierefreiheit erf\u00fcllt. Aber das ist nun wirklich kein Kunstst\u00fcck. Wer aber seine Website heute noch mit div id=&#8220;navigation&#8220; verschandelt, hat keine Ahnung von seinem Handwerk.<br \/>\nNun kann man argumentieren, dass der Spaghetti-Code niemanden interessiert, schlie\u00dflich soll es gut aussehen und funktionieren. Aber nein, es bringt massive Nachteile mit sich. Ein Programm kann hingehen und den Container &#8222;Content&#8220; in eine lesefreundliche Variante umwandeln. Google kann den Content sauber von der Navigation oder der Fu\u00dfzeile unterscheiden. Wer also nicht sauber codet, verschlechtert neben der Barrierefreiheit unter anderem seine Position bei Google.<br \/>\nUnd nat\u00fcrlich der Screen Reader: Er kann erkennen, dass etwas ein Button ist und der Blinde kann gezielt alle Buttons einer Website anspringen. &#8222;Anklickbar, anklickbar, anklickbar&#8220; hingegen ist f\u00fcr Blinde nicht hilfreich. Aber wenn interessiert schon Usability f\u00fcr Blinde, Hauptsache, die Box hat abgerundete Ecken und einen coolen Effekt.<br \/>\nUmso schlimmer ist es, dass wir uns immer noch \u00fcber solche Themen unterhalten m\u00fcssen, dass wir immer noch auf nicht-gelabelte Formularelemente und \u00e4hnliche Dinge sto\u00dfen. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Barrierefreie_Loesungen_finden\"><\/span>Barrierefreie L\u00f6sungen finden<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Was ist aber mit komplexen dynamischen Anwendungen wie Kalender-Widgets oder Lightboxen.<br \/>\nTats\u00e4chlich gibt es f\u00fcr die meisten komplexen Anwendungsf\u00e4lle frei verf\u00fcgbare Patterns oder L\u00f6sungen, die sich \u00fcbernehmen oder zumindest nachbauen lassen. Es w\u00e4re heute also kein Problem mehr, dem Kunden barrierefreie Webseiten sozusagen unterzuschieben, ob er sie will oder nicht.<br \/>\nEine barrierefreie L\u00f6sung zu recherchieren und einzubauen kostet eben so viel Zeit wie eine nicht-barrierefreie L\u00f6sung einzubauen. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Design-Kriterium_Sieht_besser_aus\"><\/span>Design-Kriterium: Sieht besser aus<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wenn ein Thema in der Barrierefreiheit nicht ernst genommen wird, dann ist es der Kontrast. Das gilt vor allem f\u00fcr Text und Bedien-Elemente. Wir haben uns so sehr daran gew\u00f6hnt, dass wir Dinge zoomen m\u00fcssen, dass es uns nicht weiter auff\u00e4llt.<br \/>\nDas Argument der Designer: Es sieht so besser aus. Wenn Design darin besteht, Dinge gut aussehen zu lassen, dann ist die Mission erf\u00fcllt.<br \/>\nAber eigentlich dachten wir ja, wir sollten die Website oder Anwendung benutzen. Gewiss braucht man manchmal einen gewissen \u00e4sthetischen Anreiz. Aber darf es wirklich anstrengend sein, etwas zu erkennen, bedienen oder lesen zu k\u00f6nnen? Ist sch\u00f6n machen das einzige Berufsziel von Designer:Innen?<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wann_Kostenaufschlaege_gerechtfertigt_sind\"><\/span>Wann Kostenaufschl\u00e4ge gerechtfertigt sind<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nat\u00fcrlich gibt es noch weitere Anforderungen der Barrierefreiheit, die durchaus komplexer sind. Das Anpassen der Patterns an die eigenen Erfordernisse etwa erfordert zus\u00e4tzlichen Aufwand, wenn sich der Entwickler einarbeiten muss. Doch m\u00fcssen Patterns immer angepasst werden, etwa aus Design-Gr\u00fcnden.<br \/>\nEine Ausnahme gilt auch dann, wenn externe Barrierefreiheits-Experten eingeschaltet werden. Die wollen nat\u00fcrlich separat bezahlt werden.<br \/>\nEine weitere Ausnahme gilt dann, wenn spezifische Tests mit behinderten Menschen zus\u00e4tzlich durchgef\u00fchrt werden. Diese Tests sind aufwendig und teuer. Eventuell wird auch ein Honorar oder eine Aufwandsentsch\u00e4digung an die Testpersonen gezahlt.<br \/>\nZudem k\u00f6nnen im Rahmen der Barrierefreiheit zus\u00e4tzliche Absprachen mit dem Auftraggeber notwendig sein. Es muss etwa ein Konsens dar\u00fcber erreicht werden, welcher Standard erf\u00fcllt werden soll und welche zus\u00e4tzlichen Anforderungen es gibt.<br \/>\n\u00dcber besondere Anforderungen wie Leichte Sprache oder Geb\u00e4rdensprache spreche ich hier nicht. Hier sind die Kostenaufw\u00e4nde nat\u00fcrlich erheblich. Das hat aber mit der Web-Agentur nichts zu tun.<br \/>\nDoch f\u00fcr den ganz normalen Programmier-Alltag sind hohe Kostenaufschl\u00e4ge f\u00fcr Barrierefreiheit selten gerechtfertigt. Viele Diskussionen und Probleme w\u00fcrden sich er\u00fcbrigen, wenn Web-Entwickler einfach sauberen und bestimmungsgem\u00e4\u00dfen Code schreiben w\u00fcrden. Analoges gilt f\u00fcr native Apps. Einfach die Guidelines der OS-Anbieter lesen und sich daran halten, das scheint so manchen Entwickler zu \u00fcberfordern. Es grenzt an Arbeitsverweigerung oder Unf\u00e4higkeit.<br \/>\nMeines Erachtens fehlt es an mehreren entscheidenden Aspekten:<\/p>\n<ul>\n<li>Das Thema Barrierefreiheit wird in der Ausbildung vernachl\u00e4ssigt.<\/li>\n<li>Es fehlt die Sensibilit\u00e4t bei den Verantwortlichen, und zwar sowohl bei Entwicklern, Designern als auch bei Auftraggebern.<\/li>\n<li>Es fehlt an grundlegenden handwerklichen F\u00e4higkeiten. Das stelle ich in meiner Arbeit mit Entwicklern immer wieder fest. Da sa\u00dfen bei mir tats\u00e4chlich Leute in Entwickler-Schulungen, die kein HTML konnten. Ihre F\u00e4higkeiten ersch\u00f6pfen sich darin, K\u00e4sten hin- und herzuschieben.<\/li>\n<\/ul>\n<p>Die ganzen Argumente wie Zeitdruck k\u00f6nnen nicht \u00fcberzeugen. Wenn man eine Sache zwei Mal machen muss, einmal falsch, einmal richtig, sind mehr Zeit und Ressourcen verbraucht worden als wenn man es einmal richtig macht. Und leider machen es allzuviele Leute gleich zwei Mal falsch.<br \/>\n<a href=\"https:\/\/netz-barrierefrei.de\/en\/developer-able.html\">Why every Developer should know how to make Websites accessible <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Anl\u00e4sslich des Global Accessibility Awareness Day am 17. Mai hatte ich verschiedene Tweets zum Thema barrierefreie Webgestaltung abgesetzt. Unter anderem schrieb ich sinngem\u00e4\u00df: &#8222;Barrierefreie Webseiten&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreie-webseiten-sind-gutes-handwerk\/\">Weiterlesen<span class=\"screen-reader-text\">Barrierefreie Webseiten sind gutes Handwerk<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-3499","post","type-post","status-publish","format-standard","hentry","category-barrierefreiheit","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/3499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"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=3499"}],"version-history":[{"count":7,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/3499\/revisions"}],"predecessor-version":[{"id":8308,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/posts\/3499\/revisions\/8308"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=3499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/categories?post=3499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/tags?post=3499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}