{"id":2106,"date":"2010-05-19T13:20:06","date_gmt":"2010-05-19T12:20:06","guid":{"rendered":"http:\/\/www.julia-emde.de\/inside\/weblog\/?p=2106"},"modified":"2010-05-22T20:44:51","modified_gmt":"2010-05-22T19:44:51","slug":"bloggen-ohne-barrieren","status":"publish","type":"post","link":"https:\/\/www.julia-emde.de\/inside\/weblog\/2010\/05\/19\/bloggen-ohne-barrieren\/","title":{"rendered":"Bloggen ohne Barrieren"},"content":{"rendered":"<p>Es ist mir wirklich eine gro\u00dfe Freude und Ehre euch heute einen ganz besonderen Beitrag bei mir im Blog pr\u00e4sentieren zu k\u00f6nnen. Geschrieben wurde der Beitrag von <a href=\"http:\/\/blindpr.wordpress.com\/about\/\" target=\"_blank\">Heiko Kunert<\/a>. Heiko arbeitet beim <a href=\"http:\/\/www.bsvh.org\/\" target=\"_blank\">Blinden- und Sehbehindertenverein Hamburg e.V.<\/a> (BSVH). Er ist selbst blind und hat mich in einem meiner <a href=\"https:\/\/www.julia-emde.de\/inside\/weblog\/2010\/05\/04\/liebe-ist-tweet-der-woche\/\" target=\"_blank\">letzten Beitr\u00e4ge<\/a> darauf aufmerksam gemacht, dass z.B. png-Grafiken von Menschen, die das Web mithilfe eines Screenreaders, einer Sprachausgabe  und Braillezeile nutzen, nicht gelesen werden k\u00f6nnen. So entstand schlie\u00dflich die Idee dieses Gastbeitrages, f\u00fcr den ich Heiko ganz lieb danken m\u00f6chte. Wer Heiko auf twitter folgen m\u00f6chte, kann dies unter @HeikoKunert tun. Heiko hat auch einen eigenen Blog, den ihr unter <a href=\"http:\/\/blindpr.wordpress.com\/\" target=\"_blank\">blindpr.wordpress.com<\/a> findet. So und nun endlich zu Heikos Gastbeitrag:<\/p>\n<p>Mitmachen steht im Zentrum des Web 2.0: Posten, kommentieren, Vernetzen. Gerade f\u00fcr Menschen mit einer Behinderung bietet das Internet enorme Chancen. Sie k\u00f6nnen Kontakte kn\u00fcpfen, auf ihre Situation aufmerksam machen und auf einer Augenh\u00f6he mit nichtbehinderten Usern kommunizieren. Ich bin blind. Mein Computer spricht und hat eine Braillezeile &#8211; ein Ger\u00e4t, das den Bildschirminhalt in Blindenschrift ausgibt. Ich blogge \u00fcber Kultur, den Alltag als blinder Mensch und \u00fcber meine Arbeit beim <a href=\"http:\/\/www.bsvh.org\/\" target=\"_blank\">Blinden- und Sehbehindertenverein Hamburg<\/a>. Und ich lese gern Blogs. Damit ich das kann, sollten sie barrierefrei sein.<\/p>\n<p><a href=\"http:\/\/de.wikipedia.org\/wiki\/Barrierefreies_Internet\" target=\"_blank\">Barrierefreiheit<\/a>, englisch: Accessibility, bedeutet konkret, dass Grafiken und Bilder mit aussagekr\u00e4ftigen Alternativ-Texten versehen sind. Werden unkommentiert Flickr-Fotos eingebunden oder Bilder mit der Bezeichnung Foto002.jpg, dann liest mir mein PC kryptische Codes und Zahlen vor. Ob die Grafik aber ein Urlaubsschnappschuss, ein Partyfoto oder ein Schaubild mit Diagrammen ist, dass kann mein PC nicht erkennen. Wenn vorhanden, liest er mir aber Alternativ-Texte vor. Ihr k\u00f6nnt diese entweder mit dem <a href=\"http:\/\/www.bjoernsworld.de\/html\/alt-text.html\" target=\"_blank\">alt-Attribut<\/a> in html einf\u00fcgen oder auf Blogging-Plattformen in die entsprechenden Feldereintragen.<\/p>\n<p>Weiter ist eine sinnvolle Strukturierung notwendig. Das gilt vor allem f\u00fcr <a href=\"http:\/\/www.html-seminar.de\/html-ueberschriften.htm\" target=\"_blank\">\u00dcberschriften<\/a> Sie sollten eindeutig mit ihren unterschiedlichen Ebenen ausgezeichnet sein (in HTML mit &lt;h1&gt;, &lt;h2&gt; usw.). Ich kann dann n\u00e4mlich auf der Website mit Tastenkombinationen von \u00dcberschrift zu \u00dcberschrift springen und bekomme dabei angesagt, auf welcher \u00dcberschriften-Ebene ich mich gerade befinde. So kriege ich einen Eindruck von der Struktur der Seite und kann mich selbstst\u00e4ndig und schnell auf ihr zurechtfinden. Aufz\u00e4hlungen sollten als Listen mit sinnvoller Verschachtelung ausgegeben werden, Zitate ebenfalls als solche markiert werden. Schaltfl\u00e4chen brauchen eine verst\u00e4ndliche Beschriftung, sonst sagt mein Computer nur \u201eSchaltfl\u00e4che\u201c, und ich wei\u00df nicht, was f\u00fcr eine das ist.<\/p>\n<p>Einige Blogger versuchen sich mithilfe von Captchas vor Spam in den Kommentaren zu sch\u00fctzen. Blinde und sehbehinderte Leser k\u00f6nnen die Zeichenfolgen nicht aus der Grafik ablesen. Zwar gibt es hierf\u00fcr inzwischen Tools, dennoch solltet Ihr auf rein visuelle Captchas verzichten, wenn Ihr eine barrierefreie Seite haben wollt. Gelegentlich gibt es Audio-Captchas, die meiner Erfahrung nach aber schwer zu nutzen sind. In Julias Blog hingegen muss man Zahlen zusammen z\u00e4hlen und die L\u00f6sung als Captcha-Ersatz eintragen. Das ist eine barrierefreie L\u00f6sung.<\/p>\n<p>Accessibility bedeutet nicht nur, dass blinde Menschen das Web nutzen k\u00f6nnen. Seiten sollten f\u00fcr Sehbehinderte vergr\u00f6\u00dferbar sein. Sie sollten auch f\u00fcr Menschen nutzbar sein, die aufgrund einer motorischen Einschr\u00e4nkung keine Maus benutzen k\u00f6nnen. Videos sollten f\u00fcr geh\u00f6rlose und schwerh\u00f6rige Menschen untertitelt sein. Das Web ist dynamisch, immer wieder gibt es neue Funktionen. H\u00e4ufig stellt man erst nach der Ver\u00f6ffentlichung neuer Tools fest, inwieweit sie barrierefrei sind. W\u00fcrden die Anforderungen an ein Netz f\u00fcr alle bereits beim Programmieren ber\u00fccksichtigt, w\u00e4re viel gewonnen.<\/p>\n<p>Von Barrierefreiheit profitieren neben den rund 7 Mio. Behinderten in Deutschland auch die steigende Zahl der surfenden Senioren und jeder User, der eine klare Struktur und \u00dcbersichtlichkeit zu sch\u00e4tzen wei\u00df. Und Accessibility ist nicht schwer, man muss nur daran denken. Wer sich ein bisschen mit den g\u00e4ngigen HTML-Standards auskennt oder wer eine entsprechende Weboberfl\u00e4che oder Software zum Ver\u00f6ffentlichen nutzt, der sollte ein barrierefreies Blog hinkriegen. Ich w\u00fcrde mich dar\u00fcber freuen.<\/p>\n<p>Mehr Infos zum Thema gibt das Projekt BIK: <a href=\"http:\/\/www.bik-online.info\/\" target=\"_blank\">Barrierefrei Informieren und Kommunizieren<\/a>.<\/p>\n<p>Autor: <a href=\"http:\/\/blindpr.wordpress.com\/\" target=\"_blank\">Heiko Kunert<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es ist mir wirklich eine gro\u00dfe Freude und Ehre euch heute einen ganz besonderen Beitrag bei mir im Blog pr\u00e4sentieren zu k\u00f6nnen. Geschrieben wurde der Beitrag von Heiko Kunert. Heiko arbeitet beim Blinden- und Sehbehindertenverein Hamburg e.V. (BSVH). Er ist selbst blind und hat mich in einem meiner letzten Beitr\u00e4ge darauf aufmerksam gemacht, dass z.B. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[388,398,384,386,394,397,48,396,393,390,383,392,391,385,395,389,387],"class_list":["post-2106","post","type-post","status-publish","format-standard","hentry","category-gastauftritt","tag-accessibility","tag-barrierefrei","tag-barrierefreiheit","tag-behinderung","tag-blinden-und-sehbehindertenverein-hamburg","tag-blindenschrift","tag-blog","tag-braillezeile","tag-bsvh","tag-captcha","tag-gastbeitrag","tag-heiko-kunert","tag-html","tag-internet","tag-kontakte","tag-tipp","tag-web-2-0"],"_links":{"self":[{"href":"https:\/\/www.julia-emde.de\/inside\/weblog\/wp-json\/wp\/v2\/posts\/2106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.julia-emde.de\/inside\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.julia-emde.de\/inside\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.julia-emde.de\/inside\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.julia-emde.de\/inside\/weblog\/wp-json\/wp\/v2\/comments?post=2106"}],"version-history":[{"count":9,"href":"https:\/\/www.julia-emde.de\/inside\/weblog\/wp-json\/wp\/v2\/posts\/2106\/revisions"}],"predecessor-version":[{"id":2134,"href":"https:\/\/www.julia-emde.de\/inside\/weblog\/wp-json\/wp\/v2\/posts\/2106\/revisions\/2134"}],"wp:attachment":[{"href":"https:\/\/www.julia-emde.de\/inside\/weblog\/wp-json\/wp\/v2\/media?parent=2106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.julia-emde.de\/inside\/weblog\/wp-json\/wp\/v2\/categories?post=2106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.julia-emde.de\/inside\/weblog\/wp-json\/wp\/v2\/tags?post=2106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}