{"id":1094,"date":"2025-01-29T11:44:27","date_gmt":"2025-01-29T10:44:27","guid":{"rendered":"http:\/\/sat-govtech.pl\/blog\/wcag-und-eea-sammlung-von-richtlinien-zur-barrierefreiheit-von-websites\/"},"modified":"2025-01-29T11:44:27","modified_gmt":"2025-01-29T10:44:27","slug":"wcag-und-eea-sammlung-von-richtlinien-zur-barrierefreiheit-von-websites","status":"publish","type":"post","link":"https:\/\/sat-govtech.pl\/de\/blog\/wcag-und-eea-sammlung-von-richtlinien-zur-barrierefreiheit-von-websites\/","title":{"rendered":"WCAG und EEA \u2013 Sammlung von Richtlinien zur Barrierefreiheit von Websites"},"content":{"rendered":"<p><b><span data-contrast=\"auto\">Die Erstellung von Websites, die f\u00fcr alle Nutzer zug\u00e4nglich sind, ist f\u00fcr Beh\u00f6rden und \u00f6ffentliche Einrichtungen gesetzlich vorgeschrieben. Standards f\u00fcr die Barrierefreiheit von Webinhalten, insbesondere die WCAG (Web Content Accessibility Guidelines) und die EAA (European Accessibility Act), enthalten Richtlinien, die erf\u00fcllt werden m\u00fcssen, damit Menschen mit Behinderungen alle Funktionen uneingeschr\u00e4nkt nutzen k\u00f6nnen. Was genau regelt die WCAG und welche Arten gibt es? Betrifft die EAA-Richtlinie nur Einrichtungen des \u00f6ffentlichen Sektors?   <\/span><\/b><span data-ccp-props=\"{\"335551550\":6,\"335551620\":6}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\">Es gibt mehrere Dokumente, die die Frage der digitalen Barrierefreiheit regeln. Manchmal handelt es sich dabei um nationale Vorschriften, wie z. B.  <\/span><span data-contrast=\"auto\">Der Americans with Disabilities Act (ADA), der in den USA gilt<\/span>, oder der European Accessibility Act (EAA), <span data-contrast=\"auto\">der von der Europ\u00e4ischen Union verabschiedet wurde<\/span>. <span data-contrast=\"auto\">Der Inhalt der einzelnen Vorschriften basiert auf dem internationalen<\/span> Standard WCAG, <span data-contrast=\"auto\">sodass die Grundprinzipien \u00e4hnlich sind.<\/span><span data-ccp-props=\"{\"335551550\":6,\"335551620\":6}\"> <\/span><\/p>\n<h2 aria-level=\"2\">Was sind die WCAG-Richtlinien?<\/h2>\n<p>WCAG <span data-contrast=\"auto\">sind internationale Standards f\u00fcr Barrierefreiheit, die vom World Wide Web Consortium (W3C) entwickelt wurden. Sie zielen darauf ab, <a href=\"http:\/\/sat-govtech.pl\/de\/blog\/digitale-ausgrenzung-was-kann-man-tun-um-nicht-dazu-beizutragen\/\">die digitale Ausgrenzung zu beseitigen<\/a>. Die in dem Dokument aufgef\u00fchrten Leitlinien legen fest, was ein Unternehmen tun sollte, damit die auf seiner Website (oder in seiner mobilen Anwendung) ver\u00f6ffentlichten Inhalte f\u00fcr ein m\u00f6glichst breites Publikum zug\u00e4nglich sind, einschlie\u00dflich Menschen mit besonderen Bed\u00fcrfnissen (u. a. mit Seh-, H\u00f6r-, Bewegungs- und geistigen Behinderungen). <\/span><span data-ccp-props=\"{\"335551550\":6,\"335551620\":6}\"> <\/span><\/p>\n<p>Die WCAG-<span data-contrast=\"auto\">Anforderungen beziehen sich auf verschiedene Elemente der Domain \u2013 <strong>die Korrektheit des HTML- und CSS-Codes, das Vorhandensein von Alt-Attributen in Grafiken oder die Einhaltung der richtigen Hierarchie der \u00dcberschriften.<\/strong> Wenn die Website alle<\/span> WCAG-Barrierefreiheitskriterien erf\u00fcllt, <span data-contrast=\"auto\">kann sie problemlos von Benutzern mit Bildschirmleseprogrammen oder Personen, die anstelle einer Maus eine Tastatur verwenden, besucht werden.<\/span><span data-ccp-props=\"{\"335551550\":6,\"335551620\":6}\"> <\/span><\/p>\n<h2 aria-level=\"2\">WCAG 2.0 und WCAG 2.1 \u2013 Unterschiede<\/h2>\n<p>Die 2008 ver\u00f6ffentlichten WCAG 2.0 legen grundlegende Standards f\u00fcr die Barrierefreiheit fest, wie z. B. die Lesbarkeit von Texten, einen angemessenen Kontrast oder die M\u00f6glichkeit, die Website mit der Tastatur zu bedienen. <strong>Die technologische Entwicklung machte jedoch eine Aktualisierung dieser Regeln erforderlich. Im Jahr 2018 wurden die WCAG 2.1-Richtlinien eingef\u00fchrt. <\/strong><span data-contrast=\"auto\"><strong>, <\/strong>die neue Herausforderungen f\u00fcr Nutzer ber\u00fccksichtigen, die unter anderem mit der Einf\u00fchrung von Touchscreens oder der Entwicklung mobiler Anwendungen verbunden sind. Die Entwicklung einer neuen Version des Zug\u00e4nglichkeitsstandards bedeutet jedoch nicht, dass die fr\u00fcheren Vorgaben der WCAG 2.0 nicht mehr gelten. Das neue Dokument erweitert diese lediglich.   <\/span><span data-ccp-props=\"{\"335551550\":6,\"335551620\":6}\"> <\/span><\/p>\n<h3 aria-level=\"2\">Grundlegende Richtlinien f\u00fcr die Barrierefreiheit von Webinhalten 2.1<\/h3>\n<p><span data-contrast=\"auto\">Zu den wichtigsten Elementen der WCAG geh\u00f6ren vier Grunds\u00e4tze der digitalen Barrierefreiheit. Diese umfassen: <\/span><span data-ccp-props=\"{\"335551550\":6,\"335551620\":6}\"> <\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Sichtbarkeit<\/span><\/b><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":240,\"335559739\":240}\"> <\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Die Inhalte m\u00fcssen so pr\u00e4sentiert werden, dass sie f\u00fcr alle Nutzer verst\u00e4ndlich sind. Das bedeutet beispielsweise die Verwendung von Alternativtexten f\u00fcr Bilder, einen angemessenen Farbkontrast und die M\u00f6glichkeit, Videoinhalte mit Untertiteln wiederzugeben. <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559685\":0,\"335559738\":240,\"335559739\":240}\"> <\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Funktionalit\u00e4t <\/span><\/b><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":240,\"335559739\":240}\"> <\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Der Benutzer sollte die M\u00f6glichkeit haben, die Website auf beliebige Weise zu nutzen, z. B. \u00fcber die Tastatur, die Maus oder einen Bildschirmleser. Daher ist es wichtig, dass die Website keine Elemente enth\u00e4lt, die zu Fehlfunktionen der Website auf einem bestimmten Ger\u00e4t f\u00fchren k\u00f6nnen. <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":240,\"335559739\":240}\"> <\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"3\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Verst\u00e4ndlichkeit<\/span><\/b><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":240,\"335559739\":240}\"> <\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Die Inhalte m\u00fcssen lesbar und verst\u00e4ndlich sein. Die Struktur der Website sollte logisch sein und die Sprache der Mitteilungen einfach. Es sollte auch auf eine \u00fcbersichtliche Benutzeroberfl\u00e4che geachtet werden, damit sich der Benutzer nicht verloren f\u00fchlt.  <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":240,\"335559739\":240}\"> <\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"4\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Kompatibilit\u00e4t<\/span><\/b><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"201341983\":0,\"335551550\":6,\"335551620\":6,\"335559685\":720,\"335559737\":0,\"335559738\":240,\"335559739\":240,\"335559740\":279,\"335559991\":360}\"> <\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">Die Seiten sollten mit verschiedenen Softwaretechnologien kompatibel sein, darunter auch mit den neuesten Bildschirmleseger\u00e4ten und Browsern. Daher ist es wichtig, entsprechende Codes und Tags einzuf\u00fcgen. <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":240,\"335559739\":240}\"> <\/span><\/p>\n<h2 aria-level=\"2\">Was \u00e4ndert sich mit den Web Content Accessibility Guidelines 2.2?<\/h2>\n<p><span data-contrast=\"auto\">Im Jahr 2023 wurden die WCAG 2.2 ver\u00f6ffentlicht. Zu den Neuerungen z\u00e4hlen weitere Konformit\u00e4tskriterien, Regeln zur Erleichterung der Navigation und zus\u00e4tzliche Anforderungen f\u00fcr Menschen mit kognitiven Beeintr\u00e4chtigungen. <\/span><span data-ccp-props=\"{\"335551550\":6,\"335551620\":6}\"> <\/span><\/p>\n<h3 aria-level=\"2\">WCAG-Anforderungen und 3 Erfolgsebenen<\/h3>\n<p><span data-contrast=\"auto\">Jedes der WCAG-Kriterien kann auf drei Konformit\u00e4tsstufen (Erfolgsstufen) erf\u00fcllt werden:<\/span><\/p>\n<p><strong>1. Stufe A<\/strong><\/p>\n<p><span data-contrast=\"auto\">Grundlegende Anforderungen zur Gew\u00e4hrleistung einer minimalen Barrierefreiheit der Website oder Anwendung.<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559685\":0,\"335559738\":240,\"335559739\":240}\"> <\/span><\/p>\n<p><b><span data-contrast=\"auto\">2. Stufe AA<\/span><\/b><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":240,\"335559739\":240}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\">Mittleres Niveau \u2013 meist gesetzlich vorgeschrieben, u. a. durch das polnische  <\/span><a href=\"https:\/\/orka.sejm.gov.pl\/proc8.nsf\/ustawy\/3579_u.htm\" rel=\"nofollow noopener\"><i>Gesetz vom 19. Juli 2019 \u00fcber die Gew\u00e4hrleistung der Barrierefreiheit f\u00fcr Menschen mit besonderen Bed\u00fcrfnissen <\/i><\/a>.<\/p>\n<p><b><span data-contrast=\"auto\">3. Stufe AAA<\/span><\/b><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":240,\"335559739\":240}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\">H\u00f6chster Standard der Barrierefreiheit. Erfordert unter anderem \u00dcbersetzungen in Geb\u00e4rdensprache und ein besonders hohes Ma\u00df an Lesbarkeit und Verst\u00e4ndlichkeit der Inhalte.  <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559685\":0,\"335559738\":240,\"335559739\":240}\"> <\/span><\/p>\n<h2 aria-level=\"2\"><span data-contrast=\"none\">Was ist EAA und wen betrifft es?<\/span><span data-ccp-props=\"{\"134245418\":true,\"134245529\":true,\"335559738\":160,\"335559739\":80}\"> <\/span><\/h2>\n<p><span data-contrast=\"auto\">Der Europ\u00e4ische Zug\u00e4nglichkeitsakt (EAA) ist ein Gesetz der Europ\u00e4ischen Union, das sowohl \u00f6ffentliche Einrichtungen als auch Unternehmen verpflichtet, die Barrierefreiheit ihrer digitalen Dienste (einschlie\u00dflich der WCAG-Anforderungen) sicherzustellen. Der EAA gilt unter anderem f\u00fcr Websites, mobile Anwendungen, Computersoftware, E-Books, Telekommunikationsger\u00e4te und Zahlungsterminals.  <\/span><span data-ccp-props=\"{\"335551550\":6,\"335551620\":6}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\">Die Anpassung einer Website an die Anforderungen der WCAG und EAA mag kompliziert erscheinen, aber es gibt L\u00f6sungen, die dies vereinfachen. Es ist wichtig, die Website nach jeder Inhalts\u00e4nderung oder Systemaktualisierung regelm\u00e4\u00dfig zu \u00fcberwachen. Dabei hilft eine Plattform zur Automatisierung der digitalen Barrierefreiheit, die die Konformit\u00e4t mit WCAG und EAA laufend \u00fcberpr\u00fcft. Sie bietet auch vorgefertigte WCAG-Vorlagen, mit denen grundlegende Standards schnell umgesetzt werden k\u00f6nnen.  <\/span><span data-ccp-props=\"{\"335551550\":6,\"335551620\":6}\"> <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die Erstellung von Websites, die f\u00fcr alle Nutzer zug\u00e4nglich sind, ist f\u00fcr Beh\u00f6rden und \u00f6ffentliche Einrichtungen gesetzlich vorgeschrieben. Standards f\u00fcr die Barrierefreiheit von Webinhalten, insbesondere die WCAG (Web Content Accessibility Guidelines) und die EAA (European Accessibility Act), enthalten Richtlinien, die erf\u00fcllt werden m\u00fcssen, damit Menschen mit Behinderungen alle Funktionen uneingeschr\u00e4nkt nutzen k\u00f6nnen. Was genau regelt [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1183,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[24],"tags":[],"class_list":["post-1094","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nicht-kategorisiert"],"acf":[],"_links":{"self":[{"href":"https:\/\/sat-govtech.pl\/de\/wp-json\/wp\/v2\/posts\/1094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sat-govtech.pl\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sat-govtech.pl\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sat-govtech.pl\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sat-govtech.pl\/de\/wp-json\/wp\/v2\/comments?post=1094"}],"version-history":[{"count":0,"href":"https:\/\/sat-govtech.pl\/de\/wp-json\/wp\/v2\/posts\/1094\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sat-govtech.pl\/de\/wp-json\/wp\/v2\/media\/1183"}],"wp:attachment":[{"href":"https:\/\/sat-govtech.pl\/de\/wp-json\/wp\/v2\/media?parent=1094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sat-govtech.pl\/de\/wp-json\/wp\/v2\/categories?post=1094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sat-govtech.pl\/de\/wp-json\/wp\/v2\/tags?post=1094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}