{"id":239,"date":"2017-09-04T13:43:20","date_gmt":"2017-09-04T11:43:20","guid":{"rendered":"http:\/\/evileu.de\/systemberatung\/?p=239"},"modified":"2017-09-04T13:43:20","modified_gmt":"2017-09-04T11:43:20","slug":"barrierefreie-webseiten-mit-wordpress-wir-habens-schon-fast-geschafft","status":"publish","type":"post","link":"https:\/\/evileu.de\/systemberatung\/2017\/09\/04\/barrierefreie-webseiten-mit-wordpress-wir-habens-schon-fast-geschafft\/","title":{"rendered":"Barrierefreie Webseiten mit WordPress: wir haben&#8217;s schon fast geschafft!"},"content":{"rendered":"<p>Gehen wir mal davon aus, der Kunde hat sich f\u00fcr eine Realisierung seiner Webseiten mit WordPress entschieden. Die Inhalte der Webseiten sind soweit abgekl\u00e4rt, die Men\u00fcstruktur steht auch schon, jetzt geht es an die Umsetzung.<\/p>\n<p>Gehen wir weiter davon aus, dass er das Thema Barrierefreiheit ernst nimmt und ihnen den Auftrag gegeben hat, das bei der Erstellung seines Webauftritts zu zu ber\u00fccksichtigen. Na dann, legen wir mal los.<\/p>\n<h2>Bestandsaufnahme in Sachen Barrierefreiheit<\/h2>\n<p>Also, wir machen mal eine kleine Bestandsaufnahme. Was haben wir bisher in Sachen Barrierefreiheit erreicht? Schon ganz sch\u00f6n viel, ich mach mal eine Liste.<\/p>\n<ul>\n<li>wir haben uns zu allen Bildern und Grafiken auf der Webseite vern\u00fcnftige, aussagekr\u00e4ftige Alt-Texte \u00fcberlegt<\/li>\n<li>wir verzichten ganz auf zappelige Animationen und legen stattdessen eine sch\u00f6ne Galerie-Seite mit kurzen Beschreibungstexten zu jedem Bild an<\/li>\n<li>wir haben uns eine vern\u00fcnftige Strukturierung aller Seiten und Beitr\u00e4ge \u00fcberlegt (Stichwort Sitemap) und wenden die entsprechenden HTML-Tags sachgerecht an &#8211; besonders die \u00dcberschriften!<\/li>\n<li>wir haben alle Texte gut redaktionell bearbeitet, so da\u00df sie aussagekr\u00e4ftig und leicht verst\u00e4ndlich sind<\/li>\n<\/ul>\n<p>F\u00e4llt ihnen an dieser Liste etwas auf? Das sind eigentlich Selbstverst\u00e4ndlichkeiten, auf die ein guter Webdesigner immer achtet, auch wenn es jetzt nicht speziell um barrierefreie Webseiten geht. Das ist n\u00e4mlich ein nicht zu untersch\u00e4tzender Vorteil, wenn man die WCAG-Richtlinien beachtet: man wird automatisch sauberer arbeiten, und das verbessert wiederum das Suchmaschinen-Ranking.<\/p>\n<h2>Was fehlt jetzt noch? Ein Theme!<\/h2>\n<p>Da muss man ein bisschen aufpassen, bei weitem nicht alle frei erh\u00e4ltlichen WordPress-Themes sind f\u00fcr die Erstellung barrierefreier Webseiten geeignet. Aber da gibt es praktischerweise bei wordpress.org eine umfangreiche Auflistung von Themes, die definitiv gut sind in Sachen Barrierefreiheit, da ist sicher etwas dabei mit dem ihr Kunde einverstanden ist. Schauen sie mal selber rein ins <a href=\"https:\/\/de.wordpress.org\/themes\/tags\/accessibility-ready\/\">Theme-Verzeichnis mit dem Filter &#8222;f\u00fcr Barrierefreiheit geeignet&#8220;<\/a>, da sollte wirklich f\u00fcr jeden etwas dabei sein.<\/p>\n<h2>Theme steht &#8211;\u00a0 und jetzt?<\/h2>\n<p>Jetzt legen sie los und f\u00fcllen ihre neue Webseite mit Leben, pflegen Texte und \u00dcberschriften ein, laden Bilder hoch, basteln Men\u00fcs und sortieren Widgets nach ihren Vorstellungen, machen ihre Anpassungen im Configurator&#8230; was man halt so der Reihe nach macht, wenn man eine neue Webseite mit WordPress erstellt. Da ist gar nichts weiter dabei, nur immer sch\u00f6n unsere 4-Punkte-Liste von oben beachten. Und wenn sie damit fertig sind, wird&#8217;s spannend:<\/p>\n<h2>Are you ready for the WAVE?<\/h2>\n<p>WAVE steht f\u00fcr Web Accessibility Evaluation Tool und ist ein Online-Werkzeug, mit dem sie sehr akkurat und aussagekr\u00e4ftig \u00fcberpr\u00fcfen k\u00f6nnen, wie gut ihre neu erstellte Webseite in Sachen Barrierefreiheit nun letztendlich ist.\u00a0 Aber dazu gibt es einen neuen Beitrag.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gehen wir mal davon aus, der Kunde hat sich f\u00fcr eine Realisierung seiner Webseiten mit WordPress entschieden. Die Inhalte der Webseiten sind soweit abgekl\u00e4rt, die Men\u00fcstruktur steht auch schon, jetzt geht es an die Umsetzung. Gehen wir weiter davon aus, dass er das Thema Barrierefreiheit ernst nimmt und ihnen den Auftrag gegeben hat, das bei &hellip; <a href=\"https:\/\/evileu.de\/systemberatung\/2017\/09\/04\/barrierefreie-webseiten-mit-wordpress-wir-habens-schon-fast-geschafft\/\" class=\"more-link\"><span class=\"screen-reader-text\">Barrierefreie Webseiten mit WordPress: wir haben&#8217;s schon fast geschafft!<\/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,16,13],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts\/239"}],"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=239"}],"version-history":[{"count":2,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts\/239\/revisions"}],"predecessor-version":[{"id":242,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts\/239\/revisions\/242"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/media?parent=239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/categories?post=239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/tags?post=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}