{"id":2915,"date":"2024-01-24T17:07:04","date_gmt":"2024-01-24T16:07:04","guid":{"rendered":"https:\/\/www.mauth.cc\/?post_type=glossary&#038;p=2915"},"modified":"2025-01-23T10:43:13","modified_gmt":"2025-01-23T09:43:13","slug":"wcag-web-content-accessibility-guidelines","status":"publish","type":"glossary","link":"https:\/\/www.mauth.cc\/en\/glossar\/wcag-web-content-accessibility-guidelines\/","title":{"rendered":"WCAG als barrierefreie Richtlinien beim E-Learning"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.mauth.cc\/wp-content\/uploads\/2024\/01\/Barrierefreiheit-E-Learning-Glossar-mauthCC-1024x683.webp\" alt=\"\" class=\"wp-image-2916\" title=\"\" srcset=\"https:\/\/www.mauth.cc\/wp-content\/uploads\/2024\/01\/Barrierefreiheit-E-Learning-Glossar-mauthCC-1024x683.webp 1024w, https:\/\/www.mauth.cc\/wp-content\/uploads\/2024\/01\/Barrierefreiheit-E-Learning-Glossar-mauthCC-300x200.webp 300w, https:\/\/www.mauth.cc\/wp-content\/uploads\/2024\/01\/Barrierefreiheit-E-Learning-Glossar-mauthCC-768x512.webp 768w, https:\/\/www.mauth.cc\/wp-content\/uploads\/2024\/01\/Barrierefreiheit-E-Learning-Glossar-mauthCC-1536x1024.webp 1536w, https:\/\/www.mauth.cc\/wp-content\/uploads\/2024\/01\/Barrierefreiheit-E-Learning-Glossar-mauthCC.webp 1620w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Definition und Zielsetzung<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.mauth.cc\/barrierefreiheit-im-e-learning-mit-autorentools\/\" target=\"_blank\" data-type=\"post\" data-id=\"8775\" rel=\"noreferrer noopener\"><strong>Barrierefreiheit<\/strong><\/a> (engl. Accessibility) bezieht sich auf die Gestaltung von Umgebungen, Produkten und Dienstleistungen \u2013 insbesondere digitalen Inhalten\u00a0\u2013, die es allen Menschen erm\u00f6glichen, selbstbestimmt zu interagieren. Die <em>Web Content Accessibility Guidelines<\/em> (WCAG) sind internationale Richtlinien vom World Wide Web Consortium (W3C), die konkrete Anforderungen definieren, um Webinhalte und digitale Anwendungen f\u00fcr alle zug\u00e4nglich zu machen. Dabei liegt der Fokus zwar auf Menschen mit Behinderungen, aber auch \u00e4ltere Personen oder tempor\u00e4r eingeschr\u00e4nkte Nutzer profitieren von barrierearmen L\u00f6sungen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>WCAG-Versionen und Konformit\u00e4tsstufen<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WCAG 2.0, 2.1 und 2.2<\/strong>: Diese Versionen erweitern und pr\u00e4zisieren die Empfehlungen, z.\u202fB. indem sie mobile Nutzung st\u00e4rker ber\u00fccksichtigen und die Bedienbarkeit f\u00fcr alle Benutzeragenten verbessern.<\/li>\n\n\n\n<li><strong>Konformit\u00e4tsstufen A, AA, AAA<\/strong>: Jede Stufe enth\u00e4lt zunehmend strengere Anforderungen an die digitale Barrierefreiheit. Stufe A deckt Grundanforderungen ab (etwa Tastaturbedienbarkeit), Stufe AA verlangt laut Standard u.\u202fa. ausreichende Farbkontraste und skalierbare Schrift, und AAA erf\u00fcllt die h\u00f6chsten Anspr\u00fcche (z.\u202fB. erweiterte Audiodeskription bei Videos) und wird gewisserma\u00dfen synonym als barrierefrei bezeichnet.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Vier Prinzipien der WCAG<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die vier Prinzipien der WCAG sind entscheidend f\u00fcr die Barrierefreiheit von Webinhalten. Diese Prinzipien, die in der Version 2.1 formuliert wurden, umfassen die Kategorien wahrnehmbar, bedienbar, verst\u00e4ndlich und robust. Die wahrnehmbare Gestaltung von Inhalten bedeutet, dass alle Informationen und Benutzeroberfl\u00e4chenkomponenten f\u00fcr alle Benutzer zug\u00e4nglich sein m\u00fcssen, unabh\u00e4ngig von deren Einschr\u00e4nkungen. Beispielsweise sollten Texte so geschrieben sein, dass sie leicht zu lesen sind, w\u00e4hrend Bilder mit alternativen Texten versehen werden, um Inhalte zu finden, die f\u00fcr Menschen mit Sehbehinderungen wichtig sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das bedienbare Prinzip stellt sicher, dass alle Benutzer die Navigation auf der Website problemlos nutzen k\u00f6nnen. Dazu geh\u00f6rt, dass alle Funktionen \u00fcber die Tastatur zug\u00e4nglich sind und Benutzer die M\u00f6glichkeit haben, die Benutzeroberfl\u00e4che in einer Weise zu steuern, die f\u00fcr sie angenehm ist. Die Richtlinien f\u00fcr barrierefreie Webinhalte bieten auch Techniken f\u00fcr WCAG, um sicherzustellen, dass Websites diese Anforderungen erf\u00fcllen. Um die Anforderungen zu erf\u00fcllen, sollten Entwickler die Konformit\u00e4tsstufen A und AA der WCAG 2.1 umsetzen, wobei AA die h\u00e4ufigste Stufe ist, die angestrebt wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Web Accessibility Initiative (WAI), die Teil des&nbsp;W3C ist, hat WCAG 2.0 \u00fcbersetzt und aktualisiert, um sicherzustellen, dass diese Richtlinien nicht nur relevant bleiben, sondern auch die Bed\u00fcrfnisse einer vielf\u00e4ltigen Benutzerbasis ber\u00fccksichtigen. Es ist wichtig, dass Entwickler die Techniken f\u00fcr WCAG verstehen und umsetzen, um die Barrieren im Web abzubauen und die Zug\u00e4nglichkeit f\u00fcr alle Benutzer zu verbessern.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Technische Umsetzung \u2013 einige Beispiele<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Farbkontrast<\/strong>: Ein ausreichendes Verh\u00e4ltnis (mind. 4,5:1 f\u00fcr Stufe AA) ist entscheidend f\u00fcr Personen mit eingeschr\u00e4nktem Sehverm\u00f6gen.<\/li>\n\n\n\n<li><strong>Alternative Texte: <\/strong>Bilder und Grafiken sollten Alt-Texte enthalten, damit Screenreader sie ausgeben k\u00f6nnen und die WCAG Level A Kriterien erf\u00fcllen, was ein wichtiges Erfolgskriterium f\u00fcr barrierefreie Inhalte ist.<\/li>\n\n\n\n<li><strong>Screenreader-Kompatibilit\u00e4t<\/strong>: Strukturierte \u00dcberschriften (H1, H2, H3), sinnvolle Linktexte und eine korrekte Reihenfolge von Elementen helfen Nutzern, sich besser zurechtzufinden.<\/li>\n\n\n\n<li><strong>Medienzug\u00e4nglichkeit<\/strong>: Untertitel f\u00fcr Videos sowie Audiodeskriptionen f\u00fcr relevante visuelle Informationen steigern die Inklusivit\u00e4t und tragen zur Erf\u00fcllung der WCAG 2.2 bei.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Rechtliche Bedeutung in DACH<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Innerhalb der EU gewinnen die WCAG-Standards zunehmend an Bedeutung, vorwiegend durch Richtlinien wie die <em>EU-Webseiten-Richtlinie<\/em> und den <em>European Accessibility Act<\/em>. In <strong>Deutschland<\/strong>, <strong>\u00d6sterreich<\/strong> und der <strong>Schweiz<\/strong> gibt es spezifische Gesetze und Verordnungen, die barrierefreie digitale Angebote erfordern, insbesondere im \u00f6ffentlichen Sektor und Bildungsbereich. So stellen unter anderem das <strong>Barrierefreiheitsst\u00e4rkungsgesetz (BFSG)<\/strong> oder entsprechende Bestimmungen in \u00d6sterreich und der Schweiz hohe Anforderungen an Unternehmen und Institutionen, WCAG-konforme digitale Inhalte mit Web Accessibility bereitzustellen, die als Standard das Level AAA bzw. Stufe AAA erreichen, um die Bedienbarkeit von Webinhalten zu gew\u00e4hrleisten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Barrierefreiheit im E-Learning<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gerade im digitalen Lernumfeld ist die Umsetzung von WCAG-Anforderungen zentral:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Inklusives Lernerlebnis: <\/strong>Personen mit unterschiedlichen F\u00e4higkeiten k\u00f6nnen Inhalte wahrnehmen und aktiv am Lernprozess teilnehmen, wenn die vier Prinzipien der Barrierefreiheit beachtet werden.<\/li>\n\n\n\n<li><strong>Qualit\u00e4tssicherung: <\/strong>Barrierearme Gestaltung verbessert die allgemeine User Experience (UX) f\u00fcr alle und sollte die Anforderungen der WCAG 2.1 erf\u00fcllen.<\/li>\n\n\n\n<li><strong>Zukunftssicherheit<\/strong>: Gesetzliche Bestimmungen und Nutzungsgewohnheiten ver\u00e4ndern sich. Wer jetzt auf WCAG-Konformit\u00e4t achtet, ist langfristig vorbereitet.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Autorentools als Unterst\u00fctzung<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">E-Learning-Inhalte lassen sich heute mit verschiedenen Autorentools erstellen, die barrierefreie Elemente unterst\u00fctzen.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Ein Beispiel hierf\u00fcr ist das Autorentool <a href=\"https:\/\/www.mauth.cc\/e-learning-autorentool-iseazy-author\/\" data-type=\"page\" data-id=\"7538\"><strong>isEazy Author<\/strong><\/a>. Dieses Tool passt Kurse intelligent an, um 100\u202f% der WCAG-AA-Kriterien und 80\u202f% der AAA-Kriterien zu erf\u00fcllen, und erleichtert dadurch die barrierefreie Gestaltung \u2013 ohne dass tiefgehende Programmier- oder Designkenntnisse erforderlich sind.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Fazit<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Barrierefreiheit im E-Learning ist mehr als ein \u201enice-to-have\u201c: Sie ist eine notwendige Voraussetzung, um alle Lernenden einzubinden und gesetzlichen Verpflichtungen gerecht zu werden. Eine barrierefreie Gestaltung bedeutet, dass alle Lernenden von den Inhalten profitieren k\u00f6nnen, was letztlich zu h\u00f6herer Zufriedenheit und besseren Lernergebnissen f\u00fchrt, insbesondere wenn die Inhalte den WCAG Level AA Anforderungen entsprechen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Weitere Informationen und Link<\/strong>s<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.seo-kueche.de\/lexikon\/barrierefreies-internet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Barrierefreiheit im Internet<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.bmas.de\/DE\/Service\/Gesetze-und-Gesetzesvorhaben\/barrierefreiheitsstaerkungsgesetz.html\" target=\"_blank\" rel=\"noreferrer noopener\">Was das neue Barrierefreiheitsgesetz bringt<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.barrierefreiheit-dienstekonsolidierung.bund.de\/Webs\/PB\/DE\/gesetze-und-richtlinien\/barrierefreiheitsstaerkungsgesetz\/barrierefreiheitsstaerkungsgesetz-node.html\" data-type=\"link\" data-id=\"https:\/\/www.barrierefreiheit-dienstekonsolidierung.bund.de\/Webs\/PB\/DE\/gesetze-und-richtlinien\/barrierefreiheitsstaerkungsgesetz\/barrierefreiheitsstaerkungsgesetz-node.html\" target=\"_blank\" rel=\"noreferrer noopener\">Das Barrierefreiheitsst\u00e4rkungsgesetz (BFSG)<\/a><br><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Barrierefreiheit ist das Design von Produkten und Dienstleistungen, die f\u00fcr alle Menschen, unabh\u00e4ngig von ihren F\u00e4higkeiten, nutzbar sind.<\/p>\n","protected":false},"author":6,"featured_media":2916,"parent":0,"template":"","glossary-cat":[85],"class_list":["post-2915","glossary","type-glossary","status-publish","has-post-thumbnail","hentry","glossary-cat-didaktik"],"related_terms":"","external_url":"","internal_reference_id":"","_links":{"self":[{"href":"https:\/\/www.mauth.cc\/en\/wp-json\/wp\/v2\/glossary\/2915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mauth.cc\/en\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/www.mauth.cc\/en\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/www.mauth.cc\/en\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":13,"href":"https:\/\/www.mauth.cc\/en\/wp-json\/wp\/v2\/glossary\/2915\/revisions"}],"predecessor-version":[{"id":8810,"href":"https:\/\/www.mauth.cc\/en\/wp-json\/wp\/v2\/glossary\/2915\/revisions\/8810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mauth.cc\/en\/wp-json\/wp\/v2\/media\/2916"}],"wp:attachment":[{"href":"https:\/\/www.mauth.cc\/en\/wp-json\/wp\/v2\/media?parent=2915"}],"wp:term":[{"taxonomy":"glossary-cat","embeddable":true,"href":"https:\/\/www.mauth.cc\/en\/wp-json\/wp\/v2\/glossary-cat?post=2915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}