{"id":243,"date":"2017-09-04T13:45:09","date_gmt":"2017-09-04T11:45:09","guid":{"rendered":"http:\/\/evileu.de\/systemberatung\/?p=243"},"modified":"2017-09-05T16:01:30","modified_gmt":"2017-09-05T14:01:30","slug":"das-wave-tool-unverzichtbarer-helfer-bei-der-erstellung-barrierefreier-webseiten","status":"publish","type":"post","link":"https:\/\/evileu.de\/systemberatung\/2017\/09\/04\/das-wave-tool-unverzichtbarer-helfer-bei-der-erstellung-barrierefreier-webseiten\/","title":{"rendered":"Das WAVE-Tool: unverzichtbarer Helfer bei der Erstellung barrierefreier Webseiten"},"content":{"rendered":"<p>WAVE hei\u00dft Web Accessibility Evaluation Tool und wird von webaim.org kostenlos zur Verf\u00fcgung gestellt.<\/p>\n<p>Die Bedienung ist simpel, man ruft folgenden Link auf: <a href=\"http:\/\/wave.webaim.org\/\">http:\/\/wave.webaim.org\/<\/a>, dort gibt man die URL der Webseite ein, die man pr\u00fcfen m\u00f6chte. Dann bekommen sie die Pr\u00fcfergebnisse sehr detailliert angezeigt, ich mach hier mal einen Screenshot:<\/p>\n<figure id=\"attachment_240\" aria-describedby=\"caption-attachment-240\" style=\"width: 951px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-240 size-full\" src=\"http:\/\/evileu.de\/systemberatung\/wp-content\/uploads\/2017\/09\/screenshot_wave.jpg\" alt=\"screenshot wave\" width=\"951\" height=\"640\" srcset=\"https:\/\/evileu.de\/systemberatung\/wp-content\/uploads\/2017\/09\/screenshot_wave.jpg 951w, https:\/\/evileu.de\/systemberatung\/wp-content\/uploads\/2017\/09\/screenshot_wave-300x202.jpg 300w, https:\/\/evileu.de\/systemberatung\/wp-content\/uploads\/2017\/09\/screenshot_wave-768x517.jpg 768w\" sizes=\"(max-width: 951px) 100vw, 951px\" \/><figcaption id=\"caption-attachment-240\" class=\"wp-caption-text\">screenshot wave<\/figcaption><\/figure>\n<p>Links das Fenster mit dem Titel &#8222;Summary&#8220; zeigt ihnen im \u00dcberblick, ob und welche Fehler noch auf der Seite sind. Das Ziel ist, m\u00f6glichst auf 0 Errors, m\u00f6glichst wenige Alerts und wenns geht auch m\u00f6glichst wenige Contrast Errors zu kommen. Ich m\u00f6chte jetzt nicht weiter ins Detail gehen, zum WAVE-Tool werde ich sicher sp\u00e4ter noch mehr zu erz\u00e4hlen haben. Es reicht hier f\u00fcrs Erste zu wissen, dass es dieses Tool gibt und dass es ein wertvolles und nahezu unverzichtbares Hilfsmittel bei der Erstellung barrierefreier Webseiten ist.<\/p>\n<h2>Hilfe, ich kriege XYZ Errors und Alerts angezeigt!<\/h2>\n<p>Keine Panik! Es gibt ein paar ganz typische Fehlerquellen in WordPress, bei\u00a0 Formularen zum Beispiel geht gern mal was schief, und Contrast Errors sind bei manchen Themes auch erstmal zuhauf drin, wenn man an dem vorgegebenen Farbschema nichts \u00e4ndert. Das ist aber alles relativ leicht zu bereinigen, dazu sp\u00e4ter mehr.<\/p>\n<h2>Was das WAVE-Tool nicht kann<\/h2>\n<p>Das WAVE-Tool ist ein mechanisiertes Werkzeug und kann keinesfalls Inhalte erkennen und pr\u00fcfen, es w\u00fcrde keinen Grund zum Meckern finden, wenn sie in ihren Texten totalen Quatsch oder unverst\u00e4ndliche Sprache schreiben. Es kann auch nicht erkennen, ob ihre Alt-Texte gut sind, sondern nur anmeckern wenn irgendwo einer ganz fehlt.<\/p>\n<p>Und es kann auch nicht entscheiden, mit welchen Alerts man durchaus leben kann. Ein beliebter Alert ist zum Beispiel &#8222;Adjacent Links&#8230;&#8220;, das hei\u00dft dass zwei nebeneinander liegende Links zur selben Zieladresse f\u00fchren. Das ist bei manchen WordPress-Themes einfach ein Design Feature, damit kann man aber im Zweifelsfall leben, wenn auf der Seite sonst keine groben Fehler sind.<\/p>\n<h2>WAVE ersetzt nicht die fachm\u00e4nnische Beratung<\/h2>\n<p>Solche Zweifelsf\u00e4lle wie den eben genannten gibt es \u00f6fter, und am Anfang tut man sich schwer zu entscheiden, wo man nun korrigierend eingreifen muss und wo nicht. Daf\u00fcr gibt es aber solche Informationsquellen wie den<a href=\"http:\/\/www.byak.de\/start\/beratungsstellen\/beratungsstelle-barrierefreiheit\"> Erstberatungsdienst der Architektenkammer Bayern<\/a>.<\/p>\n<p>Die werden ihnen nicht die Arbeit abnehmen, die oben in unserer Vier-Punkte-Liste genannten Grundvoraussetzungen f\u00fcr barrierefreie Webseiten umzusetzen. Aber die werden sie kompetent beraten, wenn sie schon mal so weit gediehen sind, da\u00df das WAVE-Tool nur noch einige wenige Errors und Alerts anzeigt. Dann werden sie wertvolle Tipps bekommen, wie man diese Fehler ausmerzt und wo man auch vielleicht gar nichts machen mu\u00df.<\/p>\n<h2>Ein Wort in eigener Sache<\/h2>\n<p>Und da sind wir jetzt sauber bei mir und dieser Beitragsreihe gelandet: ich versuche hier, meine Erfahrungen und mein in Zusammenarbeit mit den Fachleuten von der Pfennigparade erworbenes Know-How in Sachen barrierefreie Webseiten zu dokumentieren und allgemein verst\u00e4ndlich aufzubereiten.<\/p>\n<p>Ich bin bei meinem ersten Barrierefrei-Projekt, dem Inselfisch-Kochbuch, viel auf die Nase gefallen und habe mir einen Haufen\u00a0 Arbeit machen m\u00fcssen, die nicht n\u00f6tig gewesen w\u00e4re, wenn ich es von Anfang an richtig gemacht h\u00e4tte. Alleine das nachtr\u00e4gliche\u00a0 Einpflegen von vern\u00fcnftigen Alt-Texten f\u00fcr meine Illustrationen hat mich tagelang aufgehalten!<\/p>\n<h2>Barrierefreie Webseiten f\u00fcr alle &#8211; kein unerreichbares Ziel<\/h2>\n<p>Damit es ihnen nicht so geht, damit sie vom Start weg die richtigen Priorit\u00e4ten setzen und die wichtigsten Regeln von Anfang an beachten, daf\u00fcr ist dieses Blogthema hier gedacht. Barrierefreie Webseiten f\u00fcr kleine und mittlere Unternehmen und sogar f\u00fcr private Hobby-Blogger sind kein unerreichbares Ziel, sie sind mit vertretbarem Aufwand zu realisieren, wenn man ein paar Grundregeln beachtet und bereit ist, sich etwas in die Materie einzuarbeiten.<\/p>\n<p>Und das ist ein guter Schlu\u00dfgedanke, deswegen mach ich hier mal einen Punkt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WAVE hei\u00dft Web Accessibility Evaluation Tool und wird von webaim.org kostenlos zur Verf\u00fcgung gestellt. Die Bedienung ist simpel, man ruft folgenden Link auf: http:\/\/wave.webaim.org\/, dort gibt man die URL der Webseite ein, die man pr\u00fcfen m\u00f6chte. Dann bekommen sie die Pr\u00fcfergebnisse sehr detailliert angezeigt, ich mach hier mal einen Screenshot: Links das Fenster mit dem &hellip; <a href=\"https:\/\/evileu.de\/systemberatung\/2017\/09\/04\/das-wave-tool-unverzichtbarer-helfer-bei-der-erstellung-barrierefreier-webseiten\/\" class=\"more-link\"><span class=\"screen-reader-text\">Das WAVE-Tool: unverzichtbarer Helfer bei der Erstellung barrierefreier Webseiten<\/span> weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[19,18,26,6],"tags":[25],"_links":{"self":[{"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts\/243"}],"collection":[{"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/comments?post=243"}],"version-history":[{"count":2,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts\/243\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts\/243\/revisions\/245"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/media?parent=243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/categories?post=243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/tags?post=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}