{"id":140,"date":"2017-02-14T06:04:55","date_gmt":"2017-02-14T05:04:55","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=140"},"modified":"2017-02-15T18:31:52","modified_gmt":"2017-02-15T17:31:52","slug":"mea-culpa-warum-dieser-blog-alles-andere-als-barrierefrei-ist","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2017\/02\/14\/mea-culpa-warum-dieser-blog-alles-andere-als-barrierefrei-ist\/","title":{"rendered":"Mea culpa: warum dieser Blog alles andere als barrierefrei ist"},"content":{"rendered":"

Barrierefreiheit im Internet ist ein Thema, das mich in letzter Zeit sehr viel besch\u00e4ftigt hat. Ich bin durch die Initiative „Bayern barrierefrei<\/a>“ des Freistaats auf das Thema aufmerksam geworden, und halte es f\u00fcr immens wichtig. Auch Menschen mit Handicap haben ein Grundrecht auf Informationsfreiheit! Da ist Umdenken n\u00f6tig, denn die meisten Webdesigner vergessen vor lauter SEO-Zirkus und Multimedia-Geblinker, da\u00df es auch Benutzer gibt, die z.B. auf einen Screenreader oder eine Braillezeile angeweisen sind.<\/p>\n

Mein Pilotprojekt<\/h2>\n

Ich habe in den letzten Monaten als Pilotprojekt mein Inselfisch-Kochbuch<\/a> barrierearm gestaltet, und ich kann ihnen sagen: es war eine Heidenarbeit! Wenn ich dabei nicht so tatkr\u00e4ftige Unterst\u00fctzung von der Stiftung Pfennigparade bekommen h\u00e4tte, ich h\u00e4tt’s aufgeben m\u00fcssen. Dabei ist das mit der Barrierefreiheit, genauer gesagt: mit der Barrierearmut\u00a0 eigentlich gar nicht so schwer zu realisieren, es gibt einige nicht schwer zu begreifende Grundregeln. Wenn man die von Anfang an beachtet und z.B. seine Beitr\u00e4ge vern\u00fcnftig durchformatiert und anst\u00e4ndig gliedert, und auf aussagekr\u00e4ftige Alt-Texte bei den Bildern achtet, ist schon viel gewonnen. Wenn man das\u00a0 im Nachhinein korrigieren will, dann artet es in Arbeit aus. Ich habe \u00fcber 200 Rezepte und -zig Bilder manuell durchgeforstet und \u00fcberarbeitet. Es gibt\u00a0 leider keine Plugins, die einem die logische Gliederung von Texten abnehmen k\u00f6nnten, und wird sie wohl auch nie geben, da mu\u00df man schon selber ran. Ich versuche mir jetzt anzugew\u00f6hnen, von Anfang an strukturiert zu schreiben, weil ich die Ochsentour mit der manuellen \u00dcberarbeitung nicht nochmal durchziehen m\u00f6chte, einmal hat gereicht.<\/p>\n

B\u00f6se S\u00fcnde: Codeschnipsel als Screenshots<\/h2>\n

Das geht nat\u00fcrlich im Sinne der Barrierefreiheit \u00fcberhaupt nicht. Screenshots sind ja auch nur Bilder, wenn da was zu Lesen steht, damit kann kein Screenreader etwas anfangen! Ich habe\u00a0 in diesem Artikel <\/a>schon mal kurz dar\u00fcber gemault, da\u00df es einem WordPress so gnadenlos schwer macht, Programmcode vern\u00fcnftig in einem Artikel darzustellen. Ich habe jetzt die Screenshots als Notl\u00f6sung genommen, bin aber noch auf der Suche nach einer besseren L\u00f6sung. Vielleicht w\u00e4re es hilfreich, den relevanten Programmcode zu einem Artikel als Textdatei mit dranzuh\u00e4ngen, das w\u00e4r schon mal besser als nix. Ich denke da an die vielen IT-B\u00fccher, wo man die Codebeispiele\u00a0 als CD mitgeliefert bekommt… mhm, k\u00f6nnte gehen, wenn ich es mir recht \u00fcberlege. Ich werde mal mit meinem Kontakt bei der Stiftung Pfennigparade dar\u00fcber sprechen, da mu\u00df es einen vern\u00fcnftigen Kompromiss geben, so da\u00df ich ungehindert fl\u00fcssig schreiben kann und trotzdem eine nach M\u00f6glichkeit barrierearme Seite dabei herauskommt.<\/p>\n

Nachtrag:<\/strong>\u00a0 Habe nachgeforscht, leider scheint es wirklich keine andere M\u00f6glichkeit zu geben, als den visuellen Editor NICHT zu benutzen. Keine sch\u00f6ne L\u00f6sung… na ja, vielleicht finde ich noch ein Plugin, das den Programmcode nicht verhackst\u00fcckt. Die Hoffnung stirbt zuletzt \ud83d\ude09<\/p>\n

Und was hat das alles mit WordPress zu tun?<\/h2>\n

Mehr als sie denken. Letztendlich ist ja WordPress unser Werkzeug der Wahl zum Erstellen von Webseiten, und dazu geh\u00f6rt ein bi\u00dfchen mehr als nur schicke Layouts und tolle Animationseffekte. Ausserdem verf\u00fchrt WordPress beim Hochladen von Bildern zur Schlamperei bei der Beschriftung. Von \u00e4lteren Webdesignern (z.B. der gute alte NVU) wurde man noch gezwungen, beim Bilder einf\u00fcgen zumindest einen Alt-Text einzugeben. Bei WordPress kann man da locker dr\u00fcberklicken, die meisten Leute tun es auch weil ihnen nicht klar ist was ein „Alternativtext“ ist und wozu der gut sein soll.<\/p>\n

Jetzt noch die gute Nachricht: es ist gar nicht so schwer, mit WordPress barrierearme Webseiten zu gestalten, wenn man es von Anfang an richtig macht. Die meisten modernen Themes sind gut strukturiert und mit <h1>, <h2>, <li> usw. sauber durchgegliedert, und sie sind auch mit der Tastatur bedienbar. Es gibt sogar spezielle Themes, die von Anfang an auf Barrierefreiheit zugeschnitten sind, aber da mu\u00df ich noch ein bi\u00dfchen forschen, dann erz\u00e4hle ich mehr dar\u00fcber, ein andermal. Es wird wieder Zeit f\u00fcr ein bi\u00dfchen Spa\u00df auf der Datenbank!<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Barrierefreiheit im Internet ist ein Thema, das mich in letzter Zeit sehr viel besch\u00e4ftigt hat. Ich bin durch die Initiative „Bayern barrierefrei“ des Freistaats auf das Thema aufmerksam geworden, und halte es f\u00fcr immens wichtig. Auch Menschen mit Handicap haben ein Grundrecht auf Informationsfreiheit! Da ist Umdenken n\u00f6tig, denn die meisten Webdesigner vergessen vor lauter […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,15,5,2],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/140"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":3,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/140\/revisions"}],"predecessor-version":[{"id":149,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/140\/revisions\/149"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}