{"id":2875,"date":"2019-10-29T10:06:15","date_gmt":"2019-10-29T09:06:15","guid":{"rendered":"http:\/\/blog.mozilla.org\/press-de\/?p=2875"},"modified":"2019-10-29T10:21:40","modified_gmt":"2019-10-29T09:21:40","slug":"fuer-mehr-barrierefreiheit-im-netz-mozillas-barrierefreiheitsinspektor-erhaelt-neue-entwickler-tools","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/press-de\/2019\/10\/29\/fuer-mehr-barrierefreiheit-im-netz-mozillas-barrierefreiheitsinspektor-erhaelt-neue-entwickler-tools\/","title":{"rendered":"F\u00fcr mehr Barrierefreiheit im Netz: Mozillas Barrierefreiheitsinspektor erh\u00e4lt neue Entwickler-Tools"},"content":{"rendered":"<p>Wir von Mozilla glauben, dass das Internet offen und zug\u00e4nglich f\u00fcr alle Menschen sein sollte \u2013 egal, wo sie sich aufhalten, welche Sprache sie sprechen oder welche technischen Mittel sie dazu verwenden. Barrierefreiheit im Web \u2013 auch <i>Accessibility <\/i>genannt \u2013 sorgt daf\u00fcr, dass auch Menschen mit Behinderungen Webseiten, Inhalte und Angebot im Netz nutzen k\u00f6nnen. Das bedeutet, dass sich etwa eingeschr\u00e4nktes Sehen, H\u00f6ren oder Bewegen nicht negativ darauf auswirkt, wie jemand das Internet erlebt oder nutzt. F\u00fcr viele Menschen macht Technik das Leben einfacher. F\u00fcr Menschen mit Behinderungen macht Technik viele Dinge erst m\u00f6glich.<\/p>\n<p>Mozilla f\u00f6rdert seit Langem die Barrierefreiheit im Internet. Wir sind froh zu sehen, dass letztes Jahr die<a href=\"https:\/\/eur-lex.europa.eu\/legal-content\/DE\/TXT\/?uri=CELEX%3A32016L2102\"> EU-Richtlinie \u00fcber den barrierefreien Zugang zu Webseiten und mobilen Anwendungen \u00f6ffentlicher Stellen<\/a> \u2013 als Teil des<a href=\"https:\/\/ec.europa.eu\/social\/main.jsp?catId=1202&amp;langId=de\"> Europ\u00e4ischen Rechtsakts zur Barrierefreiheit<\/a> \u2013 in die Gesetzgebung der EU-Mitgliedstaaten aufgenommen wurde. Die Richtlinie besagt, dass alle Webseiten des \u00f6ffentlichen Sektors, sowohl Desktop- als auch mobile Seiten und Apps, den <a href=\"https:\/\/www.w3.org\/WAI\/\">W3C<\/a> Web Content Accessibility Guidelines 2.1 (<a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\">WCAG<\/a>) folgen m\u00fcssen. Die Umsetzung soll schrittweise geschehen, sp\u00e4testens jedoch im September 2020 f\u00fcr Webseiten und im Juni 2021 f\u00fcr Apps abgeschlossen sein.<\/p>\n<p>Wir unterst\u00fctzen Entwickler dabei, Inhalte zug\u00e4nglich zu machen \u2013 unabh\u00e4ngig von den physischen und kognitiven F\u00e4higkeiten eines Einzelnen und unabh\u00e4ngig davon, wie er oder sie auf das Internet zugreift. Aus diesem Grund haben wir eine Reihe n\u00fctzlicher Tools und Funktionen entwickelt und daraus den<a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Tools\/Barrierefreiheits_inspektor\"> Barrierefreiheitsinspektor<\/a> zusammengestellt, der es Webseiten-Besitzern und -Entwicklern erm\u00f6glicht, den Grad der Zug\u00e4nglichkeit ihrer Webseiten zu testen und die h\u00e4ufigsten Probleme zu beheben.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2876\" src=\"http:\/\/blog.mozilla.org\/press-de\/files\/2019\/10\/Accessibility_Inspector_1.png\" alt=\"\" width=\"943\" height=\"591\" srcset=\"https:\/\/blog.mozilla.org\/press-de\/files\/2019\/10\/Accessibility_Inspector_1.png 943w, https:\/\/blog.mozilla.org\/press-de\/files\/2019\/10\/Accessibility_Inspector_1-300x188.png 300w, https:\/\/blog.mozilla.org\/press-de\/files\/2019\/10\/Accessibility_Inspector_1-768x481.png 768w, https:\/\/blog.mozilla.org\/press-de\/files\/2019\/10\/Accessibility_Inspector_1-600x376.png 600w\" sizes=\"(max-width: 943px) 100vw, 943px\" \/><\/p>\n<p>Mit der <a href=\"https:\/\/blog.mozilla.org\/press-de\/2019\/10\/22\/neuer-firefox-rueckt-privatsphaere-schutz-in-den-mittelpunkt-jetzt-mit-track-the-tracker-feature\/\">Ver\u00f6ffentlichung von Firefox 70<\/a> haben wir einige neue Funktionen hinzugef\u00fcgt, die jetzt in den Firefox Developer Tools verf\u00fcgbar sind. Hier ein \u00dcberblick \u00fcber die wichtigsten Werkzeuge:<\/p>\n<ul>\n<li><b>Tastaturnavigation testen:<\/b> Probleme mit der Tastaturnavigation und dem visuellen Fokus sind die gr\u00f6\u00dften Hindernisse f\u00fcr verschiedener Nutzergruppen mit k\u00f6rperlichen Einschr\u00e4nkungen. Bei Firefox gibt es nun einen Testassistenten f\u00fcr viele g\u00e4ngige Tastatur- und Fokusprobleme \u2013 dazu noch Empfehlungen, wie man diese beheben kann.<\/li>\n<li><b>Kontrast<\/b>: Der Barrierefreiheitsinspektor enth\u00e4lt einen ganzseitigen Farbkontrastpr\u00fcfer, der alle drei Arten von Problemen in Bezug auf Farbkontrast pr\u00fcft, die in den<a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\"> Web Content Accessibility Guidelines 2.1<\/a> identifiziert wurden.<\/li>\n<li><b>Simulator f\u00fcr Farbwahrnehmungsschw\u00e4chen: <\/b>Firefox hat nun auch ein Tool im Gep\u00e4ck, das sieben Arten von Farbwahrnehmungsst\u00f6rungen simuliert (auch bekannt als Farbblindheit). Dies erm\u00f6glicht es Entwicklern, eine genaue Ann\u00e4herung zu sehen, wie jemand mit einer solchen Sehschw\u00e4che die Webseite wahrnimmt. Es erm\u00f6glicht Entwicklern auch herauszufinden, ob sie etwas eingef\u00e4rbt haben, ohne eine Alternative anzubieten, so dass es von einem farbenblinden Benutzer nicht wahrgenommen werden kann.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2877\" src=\"http:\/\/blog.mozilla.org\/press-de\/files\/2019\/10\/Tritanopie_IAI_2.png\" alt=\"\" width=\"943\" height=\"368\" srcset=\"https:\/\/blog.mozilla.org\/press-de\/files\/2019\/10\/Tritanopie_IAI_2.png 943w, https:\/\/blog.mozilla.org\/press-de\/files\/2019\/10\/Tritanopie_IAI_2-300x117.png 300w, https:\/\/blog.mozilla.org\/press-de\/files\/2019\/10\/Tritanopie_IAI_2-768x300.png 768w, https:\/\/blog.mozilla.org\/press-de\/files\/2019\/10\/Tritanopie_IAI_2-600x234.png 600w\" sizes=\"(max-width: 943px) 100vw, 943px\" \/><\/li>\n<li><b>Barrierefreiheitspr\u00fcfer:<\/b> Mit dem Barrierefreiheitspr\u00fcfer haben Entwickler ein einfaches Audit Werkzeug, mit dem Sie sich per Maus die Eigenschaften hervorgehobener Elemente anzeigen lassen k\u00f6nnen. Firefox zeigt eine \u00dcbersicht der Informationen an, den Namen, den Zweck und den Farbkontrast des Elements.<\/li>\n<\/ul>\n<p>Lesen Sie mehr \u00fcber die neuesten Tools des Barrierefreiheitsinspektor im <a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Tools\/Barrierefreiheits_inspektor\">Mozilla Hacks Blog<\/a>.<\/p>\n<p>Der Barrierefreiheitsinspektor ist seit Firefox 63 standardm\u00e4\u00dfig verf\u00fcgbar und wurde seitdem kontinuierlich weiterentwickelt.<\/p>\n<p><b>\u00dcber Mozillas A11y Community<\/b><\/p>\n<p>Mozilla hat eine ganz eigene Community mit hunderten Freiwilligen, die ebenso ganz spezielle Bed\u00fcrfnisse haben, wenn es um die Benutzung und das Entwickeln des Web geht: A11y (sprich Elli). A11y ist ein bekanntes Web-Numeronym, dass sich darauf bezieht, wie der Mensch mit der Maschine interagiert \u2013 speziell in Sachen Zug\u00e4nglichkeit (Accessibility) f\u00fcr Menschen mit Behinderungen.<\/p>\n<p>Einige Mitglieder der Mozilla A11y Community haben registrierte Behinderungen, etwa Blindheit bzw. Sehschw\u00e4chen oder Einschr\u00e4nkungen des Bewegungsapparates, die die tagt\u00e4gliche Online-Aktivit\u00e4t hin und wieder zur Herausforderung machen. Das A11y Team arbeitet am gesamten Spektrum der Zug\u00e4nglichkeit des Internet-\u00d6kosystems, beginnend beim Vorantreiben der W3C Web Standards, Browser Implementierungen und der Entwicklung von Assistenz-Technologien.<\/p>\n<p><b>Hintergrund: Barrieren im Netz<\/b><\/p>\n<p>Im Grunde ist das Web in seiner Struktur bereits barrierefrei gestaltet, wir alle m\u00fcssen jedoch darauf achten, dass es auch so bleibt und dass wir niemanden bewusst oder unbewusst ausschlie\u00dfen \u2013 gerade wenn wir neue Inhalte oder Webseiten entwickeln oder ver\u00f6ffentlichen.<\/p>\n<p>Beispiele f\u00fcr Barrieren im Netz sind etwa, wenn Menschen mit einer Sehbehinderung Teile einer Seite \u2013 wie Formularfelder oder Texte \u2013 schlecht oder gar nicht erkennen k\u00f6nnen, weil der Kontrast nicht stark genug ist. Oder wenn Beschriftungen an Bildern, Formularen oder Schaltfl\u00e4chen f\u00fcr blinde Menschen nicht oder nicht ausreichend beschriftet sind. Menschen mit schlechtem oder keinem Geh\u00f6r k\u00f6nnen genauso wenig Videos ansehen, wenn sie nur mit Ton, aber ohne Untertitel ausgestattet sind. Insgesamt 7,8 Millionen Menschen in Deutschland haben eine Schwerbehinderung (Quelle:<a href=\"https:\/\/www.destatis.de\/DE\/Themen\/Gesellschaft-Umwelt\/Gesundheit\/Behinderte-Menschen\/_inhalt.html\"> Statistisches Bundesamt<\/a>), davon sind 5 Prozent von einer Sehbehinderung oder Blindheit betroffen, 4 Prozent leiden unter Schwerh\u00f6rigkeit oder Sprachst\u00f6rungen.<\/p>\n<p><b>N\u00fctzliche Links:<\/b><\/p>\n<ul>\n<li>Hacks: <a href=\"https:\/\/hacks.mozilla.org\/2019\/10\/auditing-for-accessibility-problems-with-firefox-developer-tools\/\">Auditing For Accessibility Problems<\/a> (englisch)<\/li>\n<li>MDN:\u00a0 <a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Tools\/Barrierefreiheits_inspektor\">Barrierefreiheitsinspektor<\/a><\/li>\n<li>MDN:<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Accessibility\/Understanding_WCAG\"> Understanding the Web Content Accessibility Guidelines<\/a> (englisch)<\/li>\n<li>\u201c<a href=\"https:\/\/www.youtube.com\/watch?v=DhSpU_IJuR0\">Auditing for Accessibility\u201d<\/a> Pr\u00e4sentation bei der Inclusive Design 24 Konferenz (YouTube Video, 10.10.2019, 40 Minuten), Marco Zehe, Senior Accessibility QA Engineer &amp; Evangelist, Mozilla<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Wir von Mozilla glauben, dass das Internet offen und zug\u00e4nglich f\u00fcr alle Menschen sein sollte \u2013 egal, wo sie sich aufhalten, welche Sprache sie sprechen oder welche technischen Mittel sie &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/press-de\/2019\/10\/29\/fuer-mehr-barrierefreiheit-im-netz-mozillas-barrierefreiheitsinspektor-erhaelt-neue-entwickler-tools\/\">Mehr lesen<\/a><\/p>\n","protected":false},"author":1679,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,30,5],"tags":[50,326770,30766,30767,249],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/posts\/2875"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/users\/1679"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/comments?post=2875"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/posts\/2875\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/media?parent=2875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/categories?post=2875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/tags?post=2875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}