{"id":18083,"date":"2020-08-10T00:00:00","date_gmt":"2020-08-10T00:00:00","guid":{"rendered":"https:\/\/localhost:10083\/unkategorisiert\/digital-accessibility-and-wcag-2-1-de\/"},"modified":"2023-02-03T11:32:21","modified_gmt":"2023-02-03T10:32:21","slug":"digitale-barrierefreiheit-wcag-2-1-richtlinie","status":"publish","type":"post","link":"https:\/\/www.amberscript.com\/de\/blog\/digitale-barrierefreiheit-wcag-2-1-richtlinie\/","title":{"rendered":"Digitale Barrierefreiheit und WCAG 2.1 Richtlinien"},"content":{"rendered":"\n<p><em>In Europa entwickelt sich die EU-Richtlinie \u00fcber die<a href=\"https:\/\/www.amberscript.com\/de\/unternehmen-anwendungsfall\/digitale-barrierefreiheit\/\"> <strong>Digitale Barrierefreiheit <\/strong><\/a>zu einem wichtigen Bereich der \u00f6ffentlichen Rechenschaftspflicht, an dem sich vermutlich bald alle beteiligen m\u00fcssen. Schon jetzt sind \u00f6ffentliche Einrichtungen aufgefordert, ihre Inhalte durch eine Gesetzes\u00e4nderung und verbindliche Standards an die Web Content Accessibility Guidelines (WCAG 2.1) anzupassen.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Inhaltsverzeichnis<\/h2>\n\n\n\n<ol id=\"one\" class=\"has-background wp-block-list\" style=\"background-color:#f2f3f4\"><li><a href=\"#one\">Beweggr\u00fcnde f\u00fcr die digitale Barrierefreit in Europa<\/a><\/li><li><a href=\"#two\">Warum eine Richtlinie?<\/a><\/li><li><a href=\"#three\">Was genau bedeutet digitale Barrierefreiheit?<\/a><\/li><li><a href=\"#four\">Welche Richtlinien gelten wann und f\u00fcr wen?<\/a><\/li><li><a href=\"#five\">\u00dcberblick \u00fcber die wichtigsten Ma\u00dfnahmen und Anforderungen<\/a><\/li><li><a href=\"#six\">Fazit: Vorteile der Barrierefreiheit<\/a><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>1. Beweggr\u00fcnde f\u00fcr die digitale Barrierefreit in Europa<\/strong><\/h2>\n\n\n\n<p>Die folgenden Punkte sollen hervorheben inwiefern eine klare Gesetzeslage und eine Entwicklung in ein \u2018\u2018Digitales Europa\u2018\u2018 weitreichend Sinn machen:<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"two\"><li>Die USA sind im Bereich der digitalen Barrierefreiheit weit voraus (insbesondere im Bildungsbereich) und dienen somit als Vorbild f\u00fcr Europa.<\/li><li>Technologische Entwicklungen haben in den letzten Jahren zugenommen und k\u00f6nnen somit die digitale Inklusion vorantreiben. Als Beispiel dient hier die k\u00fcnstliche Intelligenz (KI) im Feld der automatischen Spracherkennung.<\/li><li>Ganz zu schweigen davon, dass eine digitale Barrierefreiheit nicht nur Menschen mit Behinderung hilft, sondern die Nutzerfreundlichkeit f\u00fcr alle sicherstellt.<\/li><li>Zum 2. Dezember 2016 wurde die europ\u00e4ische Richtlinie 2102 zur digitalen Barrierefreiheit ver\u00f6ffentlicht. Diese Richtlinie bringt einige wichtige Fristen mit sich und verpflichtet \u00f6ffentliche Institutionen dazu, ihre Webseiten barrierefrei zu gestalten.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2. Warum eine Richtlinie?<\/strong><\/h2>\n\n\n\n<p>Darum: Das Internet (der Dinge) und die Digitalisierung sind heute allgegenw\u00e4rtig und spielen in unserem Alltag eine zentrale Rolle. Wiederum Menschen mit visueller, auditiver, motorischer, sprachlicher, kognitiver, Sprach-, Lern- und neurologischer Beeintr\u00e4chtigung, einschlie\u00dflich Geh\u00f6rlose und Taube, k\u00f6nnen nicht auf <strong><em>alle<\/em><\/strong> digital bereitgestellte Ressourcen zugreifen, ohne dass sie auf Barrieren sto\u00dfen.<\/p>\n\n\n\n<p>Das Problem an der Sache ist keineswegs die Beeintr\u00e4chtigung per se oder die daraus resultierenden Abh\u00e4ngigkeit der Betroffenen, sondern wie die Gesellschaft mit diesen Behinderungen und Br\u00fccken umgeht. Genau hier setzt die neue Richtlinie f\u00fcr digitale Barrierefreiheit an und setzt einen Akzent, die digitale Inklusion zu f\u00f6rdern. Das sollte nicht aus nachfrageorientierten Grund entstehen sondern als eine Chancengleichheit und grundlegendem Menschenrecht angesehen werden. <\/p>\n\n\n\n<p>Diese Gruppe an Menschen machen eine gro\u00dfe Menge aus:  Circa <strong>80 Millionen<\/strong> Menschen in Europa haben eine Behinderung und <strong>5% der Weltbev\u00f6lkerung<\/strong> sind <strong>h\u00f6rgesch\u00e4digt<\/strong> \u2013 das sind \u00fcber 360 Millionen Menschen.<\/p>\n\n\n\n<p>Barrierefreie Inhalte machen&nbsp;Webinhalte au\u00dferdem besser nutzbar f\u00fcr \u00e4ltere Personen mit sich altersbedingt \u00e4ndernden F\u00e4higkeiten und verbessern h\u00e4ufig die Gebrauchstauglichkeit f\u00fcr Benutzer im Allgemeinen. <\/p>\n\n\n\n<p id=\"three\">Eine einheitliche und lokale Gesetzgebung zu der EU-Richtlinie f\u00fcr barrierefreie Webinhalte wird Konformit\u00e4t f\u00fcr alle und jeden angestrebt. Nachdem die Richtlinie am 22. Dezember 2016 in Kraft getreten ist, war die Frist f\u00fcr alle EU-Mitglieder, die darin enthaltenen Ziele in nationales Recht umzusetzen, der 23. September 2018. Eine g\u00fcltige Norm f\u00fcr die digitale Barrierefreiheit, die von der Europ\u00e4ischen Union im Rahmen der <em>EU 2016\/2102<\/em> festgelegt wurde, ist unter <em>Europ\u00e4ische Norm (EN) 301 549 V 2.1.2<\/em> aufzufinden. Diese bezieht sich auf die Stufen A und AA der internationalen Standards der Web Content Accessibility Guidelines (WCAG) 2.1 als g\u00fcltige Mindestanforderungen f\u00fcr die digitale Barrierefreiheit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3. Was genau bedeutet digitale Barrierefreiheit?<\/strong><\/h2>\n\n\n\n<p>Offiziell bedeutet Barrierefreiheit (s.g. Zug\u00e4nglichkeit), dass alle Menschen, unabh\u00e4ngig ihrer k\u00f6rperlichen oder geistigen Verfassung, Dinge gleich nutzen k\u00f6nnen \u2013 ohne erh\u00f6hten Schwierigkeiten oder fremder Hilfe.<\/p>\n\n\n\n<p><strong>Digitale Barrierefreiheit<\/strong> bezieht sich auf digitale, meist web-basierte, Angebote (im Internet und Intranet), Programme, Betriebssysteme, digitale und mobile Anwendungen sowie Dateiformate von B\u00fcroanwendungen. Die vier Prinzipien f\u00fcr die Konformit\u00e4t der Zug\u00e4nglichkeit lauten <strong>wahrnehmbar, bedienbar, verst\u00e4ndlich<\/strong> und <strong>robust<\/strong>. Alle Menschen, d.h. sowohl Menschen mit <strong>H\u00f6r- und Sehbehinderungen als auch Menschen mit k\u00f6rperlichen, motorischen, kognitiven und neurologischen Einschr\u00e4nkungen<\/strong>, m\u00fcssen gleichberechtigten und unabh\u00e4ngigen Zugang zu allen Angeboten haben.<\/p>\n\n\n\n<p id=\"four\">Ma\u00dfnahmen zur digitalen Barrierefreiheit richten sich nicht nur an Menschen mit Behinderungen, sondern kommen auch \u00e4lteren Menschen zugute. Sie sind einerseits nicht als \u201eDigital Natives\u201c geboren worden und andererseits f\u00fchrt das Alter auch zu einem R\u00fcckgang bestimmter F\u00e4higkeiten. Dar\u00fcber hinaus profitieren Menschen mit vor\u00fcbergehenden Einschr\u00e4nkungen, wie einem gebrochenen Arm. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Welche Richtlinien gelten wann und f\u00fcr wen?<\/h2>\n\n\n\n<p>Die Richtlinie richtet sich nach heutigem Stand (August 2021) an \u00f6ffentliche Einrichtungen, das hei\u00dft an alle Einrichtungen auf Bundes-, Landes-, Kreis- oder kommunaler Ebene, wie \u00f6ffentliche Universit\u00e4ten oder politische Institutionen.<\/p>\n\n\n\n<p>Wie bereits erw\u00e4hnt, sind die Mindestanforderungen an die digitale Barrierefreiheit in Form der <em>europ\u00e4ischen Norm EN 301 549<\/em> gegeben, welche sich wiederum auf rund 50 Kriterien f\u00fcr barrierefreie Webinhalte WCAG 2.1 bezieht.<\/p>\n\n\n\n<p>Unabh\u00e4ngig davon, wie komplex die nationale Gesetzgebung ist, sind die WCAG 2.1-Normen letztlich ein transparenter Leitfaden, um die von der EU-Richtlinie geforderten Mindeststandards f\u00fcr die Barrierefreiheit zu erf\u00fcllen.<\/p>\n\n\n\n<p id=\"five\">Hier finden Sie die Links zu den erw\u00e4hnten Normen und Richtlinien:<br><strong><a href=\"https:\/\/www.etsi.org\/deliver\/etsi_en\/301500_301599\/301549\/02.01.02_60\/en_301549v020102p.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">EN 301 549<\/a><\/strong> (englisch)<br><strong><a href=\"https:\/\/www.w3.org\/Translations\/WCAG20-de\/\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG 2.1<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5. <strong>\u00dcberblick \u00fcber die wichtigsten Ma\u00dfnahmen und Anforderungen:<\/strong><\/h2>\n\n\n\n<p>Alle Inhalte und Anwendungen m\u00fcssen <strong>wahrnehmbar, bedienbar, verst\u00e4ndlich<\/strong> und <strong>robust<\/strong> gestaltet sein.<\/p>\n\n\n\n<p><strong>Text-Alternativen:<\/strong>&nbsp;F\u00fcr alle Inhalte, bei denen es sich nicht um Text handelt (beispielsweise nicht bewegte Bilder, Grafiken oder Infografiken), muss es eine Alternative geben, wie Gro\u00dfdruck, Brailleschrift, Sprache, Symbole oder einfache Sprache. Im Folgenden finden Sie die Richtlinien der WCAG:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><em><strong>SC 1.1.1 Inhalte ohne Text<\/strong><\/em><\/li><li><em><strong>SC 1.3.1 Informationen und Beziehungen<\/strong><\/em><br><\/li><li><em><strong>SC 2.4.4 Der Zweck des Links (im Kontext)<\/strong><\/em><\/li><\/ol>\n\n\n\n<p>F\u00fcr zeitbasiertes (vorab aufgezeichnetes) Video und Audio m\u00fcssen Transkriptionen und Bildunterschriften bereitgestellt werden. Genaue Anforderungen entnehmen Sie bitte der unten beigef\u00fcgten Tabelle:<\/p>\n\n\n<div class=\"single-block\">\n    <div class=\"single-images\">\n        <div class=\"grid-x\">\n            <div class=\"cell large-11\">\n                            \n                <table border=\"0\"><thead><tr><th><\/th><th>Textalternativen<\/th><th>Untertitel \/ CC<\/th><th>Audiodeskription<\/th><th>Transkription<\/th><\/tr><\/thead><tbody><tr><td>Aufgezeichnete Aufnahmen (nur Audio, beispielsweise Podcasts)<\/td><td>Erforderlich<\/td><td>Nicht erforderlich<\/td><td>Nicht erforderlich<\/td><td>Erforderlich<\/td><\/tr><tr><td>Aufgezeichnete Bewegt-Bilder (Nur Video, bspw. Animationen ohne Ton)<\/td><td>Erforderlich<\/td><td>Nicht erforderlich<\/td><td>Erforderlich, au\u00dfer es liegt eine Transkription vor <\/td><td>Erforderlich, au\u00dfer es liegt eine Audiodeskription vor<\/td><\/tr><tr><td>Aufgezeichnete Filme (Untertitel f\u00fcr Vortr\u00e4ge, Lernvideos, \u2026)<\/td><td>Erforderlich<\/td><td>Erforderlich<\/td><td>Erforderlich, au\u00dfer auditive Informationen sind mit visuellen erg\u00e4nzt <\/td><td>Nicht erforderlich, au\u00dfer Film beinhaltet interaktive Elemente<\/td><\/tr><\/tbody><\/table>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n<p>Dies sind die entsprechenden WCAG Erfolgskriterien:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>SC 1.2.1 Nur Audio oder Video (vorab aufgezeichnet)<br>SC 1.2.2 Untertitel (vorab aufgezeichnete Medien)<br>SC 1.2.3 Beschreibung des Audios (vorab aufgezeichnete Medien)<\/li><li>Inhalte sollten immer auf verschiedene Arten pr\u00e4sentiert werden (z.B. durch ein einfaches Layout), ohne dass Informationen oder Struktur verloren gehen<\/li><li>Inhalte sollten immer so dargestellt werden, dass sie leicht zu erkennen und zu lesen sind, z.B. durch hohe Farbkontraste oder die M\u00f6glichkeit, die Schrift zu vergr\u00f6\u00dfern<\/li><li>Alle Funktionen sollten \u00fcber die Tastatur bedienbar sein<\/li><li>Webseiten sollten immer so gestaltet sein, dass sie einfach und selbsterkl\u00e4rend genutzt werden k\u00f6nnen<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Weitere obligatorische Ma\u00dfnahmen<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Bereitstellung einer umfassenden, detaillierten und j\u00e4hrlich aktualisierten Erkl\u00e4rung \u00fcber die gew\u00e4hrleistete Barrierefreiheit. Dieses Statement muss von jeder Seite der entsprechenden Website aus erreichbar sein.<\/li><li>Bereitstellung einer M\u00f6glichkeit zur einfachen und elektronischen Kontaktaufnahme. Dieser Feedback-Mechanismus muss ebenfalls von jeder Seite der entsprechenden Website aus erreichbar sein.<\/li><\/ul>\n\n\n\n<p><strong>Gestaffelte Fristen<\/strong><\/p>\n\n\n\n<p><strong>23.09.2019<\/strong>: Neue Webseiten, die nach dem 23.09.2018 erstellt wurden, m\u00fcssen barrierefrei sein<\/p>\n\n\n\n<p><strong>23.09.2020<\/strong>: Alle anderen Webseiten (Intranet, Extranet), sowie zeitbasierte Medien wie Video und Audio m\u00fcssen barrierefrei zug\u00e4nglich sein. Diese Frist ist besonders relevant f\u00fcr Institutionen, die Medien f\u00fcr Lehrangebote nutzen.<\/p>\n\n\n\n<p id=\"six\"><strong>23.09.2021<\/strong>: Alle mobilen Anwendungen m\u00fcssen barrierefrei sein<\/p>\n\n\n\n<p>Einen umfassenden \u00dcberblick bietet<a href=\"https:\/\/www.w3.org\/Translations\/WCAG20-de\/#conformance-reqs\" target=\"_blank\" rel=\"noopener\"> diese Auflistung an Bedingungen<\/a> um mit der WCAG-Richtlinie konform zu werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>6. Fazit<\/strong>: Vorteile der Barrierefreiheit<\/h2>\n\n\n\n<p>Trotz der herausfordernden Aufgabe, alle dazu bewegen die Richtlinie rund um die Digitale Barrierefreiheit zu ber\u00fccksichtigen, sollte es am Ende schmerzfrei von der B\u00fchne gehen. Es ist n\u00e4mlich wichtig den wahren Hintergrund f\u00fcr diese Richtlinie im Auge zu behalten: Das Geradestehen und das \u00dcbernehmen von Verantwortung der Gesellschaft zugunsten aller B\u00fcrger \u2013 einschlie\u00dflich Menschen mit Behinderung.<\/p>\n\n\n\n<p>Letztlich profitieren alle Institutionen und Unternehmen, ob \u00f6ffentlich oder privat, mit ihrer (Online-)Pr\u00e4senz umso mehr, wenn alles verschriftlicht ist. Die Vorteile mal au\u00dfer Acht gestellt &#8211; die Inklusion aller Menschen ist in allen Bereichen des allt\u00e4glichen Lebens ein grundlegendes Menschenrecht und sollte auch so umgesetzt werden. Inklusivit\u00e4t als Organisation ist nicht die Aufgabe einer einzelnen Person oder Abteilung. Digital barrierefrei zu sein, ist ein Prozess und muss von allen Seiten aktiv gelebt, integriert und koordiniert werden.<\/p>\n\n\n\n<p>Schlussendlich sollte die Frage der digitalen Barrierefreiheit nicht als Last, sondern als Chance betrachtet werden! Denn am Ende profitieren wir alle von den entsprechenden Ma\u00dfnahmen, da eine erh\u00f6hte Benutzerfreundlichkeit erreicht werden kann.<\/p>\n\n\n\n<p><strong><em>Wenn Sie weitere Informationen \u00fcber digitale Barrierefreiheit und die Rolle von Amberscript erhalten m\u00f6chten, nehmen Sie bitte Kontakt mit uns auf.<\/em><\/strong><\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p><b> Was ist digitale Barrierefreiheit und WCAG 2.1 <\/b><\/p>\n<p>Alle wichtigen Informationen zur digitalen Barrierefreiheit und dazu, wie man Webinhalte f\u00fcr alle zug\u00e4nglich macht. <\/p>\n","protected":false},"author":70,"featured_media":39693,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[144],"tags":[173],"class_list":["post-18083","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-digitale-barrierefreiheit"],"acf":{"text":"","link":"","questions":""},"_links":{"self":[{"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/posts\/18083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/comments?post=18083"}],"version-history":[{"count":0,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/posts\/18083\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/media\/39693"}],"wp:attachment":[{"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/media?parent=18083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/categories?post=18083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/tags?post=18083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}