{"id":631,"date":"2018-03-21T20:10:11","date_gmt":"2018-03-21T18:10:11","guid":{"rendered":"http:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=631"},"modified":"2019-07-18T13:50:51","modified_gmt":"2019-07-18T11:50:51","slug":"webseiten-pruefen","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/webseiten-pruefen\/","title":{"rendered":"Webseiten pr\u00fcfen"},"content":{"rendered":"<p>Auch wenn man alles richtig gemacht hat kann es beim praktischen Einsatz noch einige Probleme geben, so auch bei der Barrierefreiheit. Deswegen ist es immer sinnvoll, die fertige Anwendung zu testen.<br \/>\nDabei sollte man nach M\u00f6glichkeit externe Tester zu Rate ziehen. Die eigenen Mitarbeiter und die Web-Agentur sind fast immer betriebsblind, das gilt im \u00dcbrigen auch f\u00fcr die Mitarbeiter mit einer Behinderung. Nur weil jemand behindert ist muss er nicht unbedingt etwas von Barrierefreiheit verstehen. Eine minimale Voraussetzung muss sein, dass er die Probleme anderer Behinderter antizipieren kann und das kann er nicht, wenn er sich nur mit der eigenen Technik besch\u00e4ftigt hat.<br \/>\nEs gibt verschiedene Testm\u00f6glichkeiten. Es gibt automatische Testtools, die die Barrierefreiheit pr\u00fcfen sollen. Das ist ganz n\u00fctzlich, damit Fehler auf der Webseite wie schlechte Kontraste, fehlende Alternativtexte und so weiter entdeckt werden k\u00f6nnen. F\u00fcr die erste Phase vor allem f\u00fcr die Pr\u00fcfung von Prototypen ist das ausreichend. Echte Probleme kann man damit nicht aufdecken. Man kann zum Beispiel das Redaktionssystem so einstellen, dass es automatisch einen Text wie \u201eLorem ipsum dolor\u201c f\u00fcr Grafikbeschreibungen vergibt. Das Testtool kann nicht zwischen echten und belanglosen Alternativtexten unterscheiden. Es kann auch nicht bestimmen, ob eine Auszeichnung semantisch korrekt ist, ob ich zum Beispiel eine Zwischen\u00fcberschrift korrekt formatiert habe oder ob sie nur als fetter Absatz markiert wurde.<br \/>\nNach wie vor verwechseln viele Menschen Barrierefreiheit mit Validit\u00e4t. Das W3C stellt Anwendungen zur Verf\u00fcgung, mit denen sich HTML und CSS auf Korrektheit pr\u00fcfen lassen. Das ist nicht unwichtig, aber valide Webseiten sind nicht unbedingt barrierefrei und nichtvalider Code wirkt sich nicht unbedingt negativ auf die Barrierefreiheit aus. Es reicht schon, wenn ein einziges Zeichen im Head der Datei falsch codiert wurde und schon wirft der Validator f\u00fcr jede Seite mit diesem Head Unmengen an Fehlern aus, ohne dass das den Screenreader-Nutzer oder jemand anderen interessieren muss. <\/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\/barrierefreiheit-von-webseiten-testen\/webseiten-pruefen\/#Expertentests\" >Expertentests<\/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\/barrierefreiheit-von-webseiten-testen\/webseiten-pruefen\/#Praxistests\" >Praxistests<\/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\/barrierefreiheit-von-webseiten-testen\/webseiten-pruefen\/#BITV-Test\" >BITV-Test<\/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\/barrierefreiheit-von-webseiten-testen\/webseiten-pruefen\/#Neue_Testmethoden_braucht_das_Land\" >Neue Testmethoden braucht das Land<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Expertentests\"><\/span>Expertentests<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Mit ein wenig Erfahrung k\u00f6nnen systematische Tests durchgef\u00fchrt werden. F\u00fcr die g\u00e4ngigen Browser gibt es Erweiterungen, mit denen sich g\u00e4ngige Probleme analysieren lassen. Einige Werkzeuge zeigen die Webseite so, wie sie von Screenreader-Nutzern gesehen w\u00fcrde. Das ist zwar n\u00fctzlich, aber vor allem ist es provisorisch. Es gibt einen Unterschied darin, ob man eine Seite als Screenreader sieht oder ob man sie tats\u00e4chlich benutzen muss. Im praktischen Einsatz k\u00f6nnen ganz andere Probleme auftreten, als das, was der Webentwickler antizipieren kann. Dennoch ist der Test durch einen Experten die beste L\u00f6sung, was das Preis-Leistungsverh\u00e4ltnis angeht. Ein Experte ist \u00fcbrigens jemand, der sich mit Webdesign, Entwicklung und Barrierefreiheit auskennt. Ein Mensch mit einer Behinderung kann bestenfalls herausfinden, ob er selber mit der Seite zurecht kommt. Das ist nicht schlecht, reicht aber nicht aus. Es gibt sehr unterschiedliche Nutzertypen, die eine Einzelperson nicht abdecken kann, es sei denn, sie kann diese unterschiedlichen Nutzertypen antizipieren \u2013 oder sie ist ein Experte f\u00fcr Barrierefreiheit.<br \/>\nBeim Expertentest lassen sich zwei Varianten unterscheiden: die heuristische Analyse und der Cognitive Walkthrough.<br \/>\nDer Usability-Guru Jakob Nielsen meint, es lie\u00dfe sich ein Gro\u00dfteil der Fehler via Cognitive  Walkthrugh auffinden. Das mag richtig sein, aber am Ende kommt es eher darauf an, die hoffentlich wenigen schwerwiegenden Fehler aufzusp\u00fcren als die zahllosen kleinen, die in der Praxis kaum relevant sind. Ein Usability-Experte, der wenige Fehler findet wird weniger ernst genommen als jemand, der zahllose Fehler findet. Folgen wir dem Pareto-Prinzip sind 20 Prozent der Fehler f\u00fcr 80 Prozent der Probleme verantwortlich.<br \/>\nDie Priorit\u00e4t liegt darauf, die schwerwiegenden Fehler zu reparieren, die kleinen Fehler sollten repariert werden, wenn es der Aufwand rechtfertigt. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Praxistests\"><\/span>Praxistests<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Am sinnvollsten erscheint eine Mischung unterschiedlicher Testverfahren. W\u00fcrde man eine Matrix aus allen m\u00f6glichen Hilfstechniken, allen m\u00f6glichen Versionen und allen m\u00f6glichen Browsern bilden, erhielte man eine unendliche Tabelle. Z\u00f6ge man dann noch alle m\u00f6glichen Sehbehinderungen in Betracht und w\u00fcrde man dazu noch alle UNTERSCHIEDLICHEN TECHNISCHEN F\u00e4higkeiten addieren, k\u00e4me man mit dem Testen zu keinem Ende. Und w\u00fcrde vermutlich dennoch einige Probleme \u00fcbersehen.<br \/>\nBei den Praxistests versucht man einen Querschnitt der Nutzer bei der praktischen Nutzung des Webangebots zu beobachten. Die Nutzer sollen bestimmte Aufgaben erledigen, wobei mit Eyetracking beobachtet wird, wo sie hinschauen. Sie sprechen laut \u00fcber das, was sie sehen, was sie vorhaben und wor\u00fcber sie gerade &#8211; im Kontext mit der Webseite &#8211; nachdenken. Solche Tests  lassen sich auch mit Menschen mit Behinderung umsetzen, in diesem Falle sprechen wir auch von Praxistests. Wie gesagt ist es schwierig, alle Behinderungsformen abzubilden. Es sollte zun\u00e4chst reichen, wenn man aus jeder Gruppe ein bis zwei Personen heranzieht und ansonsten auf <a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/qualitaetssicherung-der-barrierefreiheit\/\">Qualit\u00e4tssicherung setzt<\/a>. Es ist am sinnvollsten, Menschen mit geringer Technikerfahrung an diese Tests zu setzen. Wenn diese Menschen zurecht kommen, dann werden die technikaffinen  auch keine gr\u00f6\u00dferen Probleme haben. Ganz unbedarfte Nutzer taugen hingegen nicht als Testpersonen, weil sie kein realistisches Bild der Anwendung geben. Sie k\u00e4mpfen mehr mit der Technik als mit der Anwendung.<br \/>\nAuch hier sollte man die Laborsituation nicht untersch\u00e4tzen. Meine Kritik an solchen Tests besteht darin, dass die Nutzer sich gezwungen sehen, einen Prozess zu Ende zu f\u00fchren, weil sie ein Scheitern auf die eigene Unf\u00e4higkeit zur\u00fcckf\u00fchren und nicht auf die Website. Zuhause ist es leicht, jemand anderem die Schuld zu geben, im Labor werden wir aber beobachtet und k\u00e4mpfen weiter bis zum bitteren Ende, wo wir zuhause schon l\u00e4ngst hingeschmissen h\u00e4tten.<br \/>\nEgal, f\u00fcr welches Testverfahren ihr euch entscheidet, das Verfahren sollte strukturiert und nach einem Schema ablaufen. Es bringt relativ wenig, intuitiv mal hier, mal dort etwas zu testen oder sich irgendwie durch die Seite zu klicken. Im Internet gibt es verschiedene Anleitungen, die ihr als Hilfe nehmen k\u00f6nnt. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"BITV-Test\"><\/span>BITV-Test<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Die Barrierefreie-Informationstechnik-Verordnung verpflichtet die Einrichtungen des Bundes zur barrierefreien Gestaltung ihrer Webseiten. Aufbauend auf der Verordnung wurde der BITV-Test entwickelt. Er pr\u00fcft genau genommen nicht die Barrierefreiheit einer Webseite, sondern die Einhaltung der BITV. Daran erkennt man auch die Grenzen solcher Tests. Man testet nur auf vorgegebene Kriterien. Ein gewitzter Programmierer k\u00f6nnte sich einfach vornehmen, auf diese Testkriterien hin zu optimieren. Eine formal barrierefreie Webseite kann dennoch f\u00fcr Menschen mit Behinderung schwierig zu nutzen sein. Viele Ministerien setzen \u00fcberm\u00e4\u00dfig auf gut gemeinte Hilfen wie Shortcuts, \u00dcberschriften f\u00fcr Bl\u00f6cke oder Listen. Sparsam eingesetzt sind sie eine Hilfe vor allem f\u00fcr Screenreader-Nutzer, im \u00dcberma\u00df machen sie die Seite un\u00fcbersichtlich.<br \/>\nEin alternatives Konzept zu Labortests w\u00e4ren Tests mit echten Nutzern, die aber nicht im Labor sitzen. Ich hatte das anhand von <a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreiheit-mit-web-analytics\/\">Web Analytics schon an anderer Stelle beschrieben<\/a>. Hier w\u00e4re es hilfreich, wenn die Browser selbst oder eine Dritt-Anwendung aufzeichnen k\u00f6nnten, wie die Nutzer von Hilfstechnik mit der Website interagieren. Der Firefox kann bereits Daten von Screenreader-Nutzern sammeln. Um eine nennenswerte Zahl von Nutzern zu bekommen m\u00fcssten sie in diesem Fall explizit eingeladen werden, f\u00fcr ihre Teilnahme k\u00f6nnten sie eine Aufwandsentsch\u00e4digung bekommen. Der Vorteil best\u00fcnde darin, dass sie kein Wei\u00dfe-Kittel-Syndrom entwickeln, nicht k\u00fcnstlich unter Zeitdruck gesetzt werden und sich auch nicht gezwungen sehen m\u00fcssen, das Szenario komplett durchzuspielen, auch wenn sie es ansonsten abgebrochen h\u00e4tten. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Neue_Testmethoden_braucht_das_Land\"><\/span>Neue Testmethoden braucht das Land<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Es gibt noch zu wenige Tests auf Barrierefreiheit, vor allem mit behinderten Nutzern. Fr\u00fcher waren Websites eine Anordnung von Texten, Bildern und Links. Heute handelt es sich h\u00e4ufig um komplexe Anwendungen oder puzzleartige Zusammenstellungen von Inhalten aus verschiedensten Quellen. Diese Anwendungen brauchen ausgefeiltere Testverfahren, vor allem sollten Methoden der Qualit\u00e4tssicherung eingesetzt werden. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Auch wenn man alles richtig gemacht hat kann es beim praktischen Einsatz noch einige Probleme geben, so auch bei der Barrierefreiheit. Deswegen ist es immer&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/webseiten-pruefen\/\">Weiterlesen<span class=\"screen-reader-text\">Webseiten pr\u00fcfen<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":629,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-631","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/631","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=631"}],"version-history":[{"count":5,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/631\/revisions"}],"predecessor-version":[{"id":2692,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/631\/revisions\/2692"}],"up":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/629"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}