{"id":629,"date":"2018-03-21T20:07:49","date_gmt":"2018-03-21T18:07:49","guid":{"rendered":"http:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=629"},"modified":"2021-05-04T15:23:33","modified_gmt":"2021-05-04T13:23:33","slug":"barrierefreiheit-von-webseiten-testen","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/","title":{"rendered":"Barrierefreiheit von Webseiten testen &#8211; so gehts"},"content":{"rendered":"<p>Mittlerweile laufen ganze Programme im Browser ab. Textverarbeitung, Tabellenkalkulation Fotobearbeitung, Spiele &#8211; je komplexer eine Webseite ist, desto n\u00f6tiger werden Tests. Das gilt noch st\u00e4rker f\u00fcr die Barrierefreiheit. Erfahren Sie hier, wie Sie Webseiten auf Barrierefreiheit pr\u00fcfen k\u00f6nnen. Oder beauftragen Sie uns. Anders als etwa <a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/warum-der-bitv-test-einen-relaunch-braucht\/\">die DIAS GmbH und der BIK Pr\u00fcfverbund<\/a> testen wir nicht nur nach einem selbst erfundenen Schema, sondern wir pr\u00fcfen auch mit assistiven Technologien.<br \/>\n<a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/leistungen\/pruefen-von-webseiten-apps-software-und-pdfs-auf-barrierefreiheit\/\">Gerne \u00fcbernehmen wir die Barrierefreiheits-Pr\u00fcfung f\u00fcr Sie<\/a>.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 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\/#Testkonzepte\" >Testkonzepte<\/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\/#Expertentests\" >Expertentests<\/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\/#Praxistests\" >Praxistests<\/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\/#Qualitaetssicherung\" >Qualit\u00e4tssicherung<\/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\/barrierefreiheit-von-webseiten-testen\/#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-6\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/#Uebungen\" >\u00dcbungen<\/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\/barrierefreiheit-von-webseiten-testen\/#Weiterlesen\" >Weiterlesen<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Testkonzepte\"><\/span>Testkonzepte<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Es gibt verschiedene Testm\u00f6glichkeiten. Bei den Usability-Tests werden Menschen aus der Zielgruppe herangezogen, die beim praktischen Einsatz der Anwendung beobachtet werden. 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. Ich k\u00f6nnte mein Redaktionssystem so einstellen, dass es automatisch irgendeinen F\u00fclltext 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. <\/p>\n<p>Nach wie vor verwechseln viele Menschen Barrierefreiheit mit Validit\u00e4t. Das W3C stellt zwei Webseiten 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 interessieren muss. <\/p>\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 weit verbreiteten Browser gibt es Erweiterungen, mit denen sich g\u00e4ngige Probleme analysieren lassen. <\/p>\n<p>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. <\/p>\n<p>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. <\/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. <\/p>\n<p>Bei den oben genannten Usability-Tests versucht man einen Querschnitt der Nutzer bei der praktischen Nutzung des Webangebots zu beobachten. Die Nutzer sollen bestimmte Aufgaben erledigen, wobei einer Aufzeichnung der Augen- und Mausbewegungen  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 <a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/hilfstechnik-und-mensch-maschine-interaktion\/usability-2\/usability-mit-behinderten-testen\/\">lassen sich auch mit Menschen mit Behinderung umsetzen<\/a>, in diesem Falle sprechen wir auch von Praxistests. <\/p>\n<p>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 Qualit\u00e4tssicherung setzt. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Qualitaetssicherung\"><\/span>Qualit\u00e4tssicherung<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Man muss sich von dem Gedanken verabschieden, eine vollkommen fehlerfreie Anwendung online stellen zu k\u00f6nnen. Nat\u00fcrlich m\u00fcssen alle Anstrengungen unternommen werden, um m\u00f6gliche Fehler aufzusp\u00fcren. Zugleich ist es sinnvoll, Ressourcen auf die sp\u00e4tere <a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/qualitaetssicherung-der-barrierefreiheit\/\">Qualit\u00e4tssicherung aufzuwenden<\/a>. Das hei\u00dft, Probleme werden behoben, wenn sie im Live-Betrieb auftreten und es werden Methoden eingesetzt, um diese Probleme systematisch zu erfassen. <\/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 und einige andere \u00f6ffentliche Einrichtungen 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. Wenn ich ein Programmierer mit wenig Zeit und geringem Interesse an Barrierefreiheit w\u00e4re, w\u00fcrde ich genau dies tun. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Uebungen\"><\/span>\u00dcbungen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Software-Testing ist mittlerweile ein professioneller Berufszweig. Dennoch lohnt es sich, sich zumindest mit den Grundlagen des Testens auf Barrierefreiheit zu besch\u00e4ftigen.<br \/>\nEinige einfache Tests ohne weitere Hilfsmittel <a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/barrierefreiheit-von-webseiten-testen\/einfache-tests\/\">sind hier aufgelistet<\/a>. F\u00fchre diese Tests auf einer Seite deiner Wahl durch.<\/li>\n<li>Ich besch\u00e4ftige mich in einem Artikel ausf\u00fchrlich <a href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/barrierefreies-internet\/qualitaetssicherung-der-barrierefreiheit\/\">mit dem Thema Qualit\u00e4tssicherung<\/a>.<\/li>\n<h2><span class=\"ez-toc-section\" id=\"Weiterlesen\"><\/span>Weiterlesen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/test-evaluate\/involving-users\/\">Involving Users in Evaluating Web Accessibility<\/a> &#8211; Dokument des WAI<\/li>\n<li><a href=\"http:\/\/uiaccess.com\/accessucd\/evaluate.html\">Evaluating for Accessibility | Accessibility in User-Centered Design<\/a> Just Ask: Integrating Accessibility Throughout Design<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Mittlerweile laufen ganze Programme im Browser ab. Textverarbeitung, Tabellenkalkulation Fotobearbeitung, Spiele &#8211; je komplexer eine Webseite ist, desto n\u00f6tiger werden Tests. Das gilt noch st\u00e4rker&#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\/\">Weiterlesen<span class=\"screen-reader-text\">Barrierefreiheit von Webseiten testen &#8211; so gehts<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":556,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-629","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/629","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=629"}],"version-history":[{"count":15,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/629\/revisions"}],"predecessor-version":[{"id":5454,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/629\/revisions\/5454"}],"up":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/556"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}