{"id":10333,"date":"2025-10-04T14:24:51","date_gmt":"2025-10-04T12:24:51","guid":{"rendered":"https:\/\/www.netz-barrierefrei.de\/wordpress\/?page_id=10333"},"modified":"2025-10-08T13:37:57","modified_gmt":"2025-10-08T11:37:57","slug":"die-rolle-der-aaa-kriterien-in-der-wcag","status":"publish","type":"page","link":"https:\/\/www.netz-barrierefrei.de\/wordpress\/die-rolle-der-aaa-kriterien-in-der-wcag\/","title":{"rendered":"Die Rolle der AAA-Kriterien in der WCAG"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/digitale-barrierefreiheit.podigee.io\/327-aaa-kriterien-wcag-fur-profis\/embed?context=external&#038;theme=default\" style=\"border: 0\" frameBorder=\"0\" height=\"100\" width=\"100%\"><\/iframe><br \/>\nDie WCAG sind drei Konformit\u00e4tsstufen zugeordnet: a, AA und AAA. Um AA zu erf\u00fcllen, in den meisten Regionen der Mindeststandard, m\u00fcssen alle Kriterien von A und AA erf\u00fcllt sein. Die AAA-Kriterien gelten als optional, weil sie teils schwer oder gar nicht erf\u00fcllbar sind, etwa in Apps oder PDF.<br \/>\nDie WAI r\u00e4t selbst davon ab, die AAA-Kriterien fl\u00e4chendeckend anstreben zu wollen.<br \/>\nDie BITV 2.0 von 2019 stellt besondere Anforderungen:<br \/>\n\u00a7 3BITV 2.0<br \/>\n(4) F\u00fcr zentrale Navigations- und Einstiegsangebote sowie Angebote, die eine Nutzerinteraktion erm\u00f6glichen, beispielsweise Formulare und die Durchf\u00fchrung von Authentifizierungs-, Identifizierungs- und Zahlungsprozessen, soll ein h\u00f6chstm\u00f6gliches Ma\u00df an Barrierefreiheit angestrebt werden.<br \/>\nEinige Expertinnen interpretieren das als Auffoderung, AAA in den Projekten zu implementieren, zumindest f\u00fcr zentrale Informationen und KKomponenten wie Navigation und Formualre. Tats\u00e4chlich ist mir aber kein Projekt bekannt, wo das so umgesetzt worden w\u00e4re. <\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/die-rolle-der-aaa-kriterien-in-der-wcag\/#AAA-Anforderungen\" >AAA-Anforderungen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/die-rolle-der-aaa-kriterien-in-der-wcag\/#Das_Problem_mit_den_AAA-Kriterien\" >Das Problem mit den AAA-Kriterien<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"AAA-Anforderungen\"><\/span>AAA-Anforderungen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>1.3.6 Identify Purpose (AAA, WCAG 2.1)<br \/>\n\u2022  Inhalte und Bedienelemente m\u00fcssen so ausgezeichnet sein, dass ihre Zwecke programmatisch ermittelbar sind.<br \/>\n\u2022 Es reicht also nicht nur eine Beschriftung, sondern der Zweck muss genauer beschrieben werden. <\/p>\n<p>1.4.6 Contrast (Enhanced) (AAA, WCAG 2.0)<br \/>\n\u2022  Text und Bilder von Text m\u00fcssen einen Kontrast von mindestens 7:1 zum Hintergrund haben (bei normalem Text).<br \/>\n\u2022  F\u00fcr gro\u00dfen Text (ab 18 pt oder 14 pt fett) gilt ein Mindestkontrast von 4,5:1.<br \/>\n\u2022  F\u00fcr Bedien-Elemente gibt es keine h\u00f6eheren Kontrast-Anforderungen. <\/p>\n<p>1.4.7 Low or No Background Audio (AAA, WCAG 2.0)<br \/>\n\u2022  Audio-Inhalte mit Sprache d\u00fcrfen keine st\u00f6renden Hintergrundger\u00e4usche enthalten.<br \/>\n\u2022  Falls Hintergrundger\u00e4usche vorkommen, m\u00fcssen diese mindestens 20 dB leiser sein als die Sprache.<\/p>\n<p>1.4.8 Visual Presentation (AAA, WCAG 2.0)<br \/>\n\u2022  Nutzer sollen die visuelle Darstellung von Text anpassen k\u00f6nnen.<br \/>\n\u2022  Dazu geh\u00f6rt u. a.:<br \/>\n\u2022  Text kann ohne Vollbild-Scrollen bis auf 80 Zeichen\/Zeile reduziert werden.<br \/>\n\u2022  Farben k\u00f6nnen frei gew\u00e4hlt werden.<br \/>\n\u2022  Zeilenh\u00f6he, Abst\u00e4nde und Textgr\u00f6\u00dfe lassen sich anpassen.<\/p>\n<p>1.4.9 Images of Text (No Exception) (AAA, WCAG 2.0)<br \/>\n\u2022  Es d\u00fcrfen keine Bilder von Text verwendet werden, au\u00dfer wenn es rein dekorativ ist oder f\u00fcr eine bestimmte k\u00fcnstlerische Darstellung (Logo, Branding).<br \/>\n\u2022  Selbst Logos oder k\u00fcnstlerische Texte sollen (wo m\u00f6glich) zus\u00e4tzlich als echter Text bereitgestellt werden.<\/p>\n<p>2.1.3 Keyboard (No Exception) (AAA, WCAG 2.0)<br \/>\n\u2022  Alle Funktionen einer Website oder Anwendung m\u00fcssen komplett mit der Tastatur bedienbar sein \u2013 ohne Ausnahme. Zum Beispiel Malen oder Kartendienste.<br \/>\n\u2022  Es darf keine Funktion geben, die ausschlie\u00dflich mit der Maus oder Gesten steuerbar ist, auch keine Malprogramme und \u00c4hnliches. <\/p>\n<p>2.2.3 No Timing (AAA, WCAG 2.0)<br \/>\n\u2022  Inhalte oder Funktionen d\u00fcrfen nicht von zeitlichen Begrenzungen abh\u00e4ngen.<br \/>\n\u2022  Nutzer k\u00f6nnen sich unbegrenzt Zeit nehmen, um Inhalte zu lesen oder zu bedienen.<\/p>\n<p>2.2.4 Interruptions (AAA, WCAG 2.0)<br \/>\n\u2022  Nutzer d\u00fcrfen nicht durch Unterbrechungen (Pop-ups, automatische Meldungen etc.) gest\u00f6rt werden.<br \/>\n\u2022  Ausnahmen: Unterbrechungen sind benutzerinitiiert oder betreffen Notf\u00e4lle.<\/p>\n<p>2.2.5 Re-authenticating (AAA, WCAG 2.0)<br \/>\n\u2022  Wenn eine Sitzung abl\u00e4uft und der Nutzer sich erneut anmelden muss, gehen keine Daten oder Eingaben verloren.<br \/>\n\u2022  Beispiel: Ein ausgef\u00fclltes Formular bleibt auch nach erneuter Anmeldung erhalten.<\/p>\n<p>2.2.6 Timeouts (AAA, WCAG 2.1)<br \/>\n\u2022  Nutzer m\u00fcssen \u00fcber m\u00f6gliche Zeitlimits informiert werden, die zu einem Verlust von Daten oder Fortschritt f\u00fchren k\u00f6nnten.<br \/>\n\u2022  Beispiel: Ein Formular-Timeout wird klar angek\u00fcndigt.<\/p>\n<p>2.3.2 Three Flashes (AAA, WCAG 2.0)<br \/>\n\u2022  Inhalte d\u00fcrfen kein Blinken oder Flackern enthalten, das \u00f6fter als dreimal pro Sekunde auftritt.<br \/>\n\u2022  Ziel: Vermeidung von epileptischen Anf\u00e4llen durch visuelle Reize.<\/p>\n<p>2.3.3 Animation from Interactions (AAA, WCAG 2.1)<br \/>\n\u2022  Animationen, die durch Nutzeraktionen ausgel\u00f6st werden (z. B. beim Klicken oder Scrollen), m\u00fcssen abschaltbar sein.<br \/>\n\u2022  Beispiel: Parallax-Scrolling oder Hover-Animationen lassen sich deaktivieren.<\/p>\n<p>2.4.8 Location (AAA, WCAG 2.0)<br \/>\n\u2022 Nutzer sollen jederzeit wissen, wo sie sich innerhalb einer Website oder Anwendung befinden.<br \/>\n\u2022 Beispiel: Breadcrumbs oder klar gekennzeichnete Navigationspfade.<\/p>\n<p>2.4.9 Link Purpose (Link Only) (AAA, WCAG 2.0)<br \/>\n\u2022 Der Zweck eines Links muss bereits aus dem Linktext selbst erkennbar sein, ohne Kontext.<br \/>\n\u2022 Beispiel: Statt \u201eHier klicken\u201c \u2192 \u201eDownload Jahresbericht 2025\u201c.<\/p>\n<p>2.4.10 Section Headings (AAA, WCAG 2.0)<br \/>\n\u2022 Inhalte m\u00fcssen durch \u00fcbersichtliche Abschnitts\u00fcberschriften gegliedert sein.<br \/>\n\u2022 Erleichtert Orientierung und Struktur, besonders f\u00fcr Screenreader.<\/p>\n<p>2.4.12 Focus Not Obscured (Enhanced) (AAA, WCAG 2.2)<br \/>\n\u2022  Wenn ein Element den Fokus erh\u00e4lt, darf es nicht durch andere Inhalte (z. B. Pop-ups, Banner) verdeckt werden.<\/p>\n<p>2.4.13 Focus Appearance (AAA, WCAG 2.2)<br \/>\n\u2022 Der Tastaturfokus muss gut sichtbar sein. Er muss einen Kontrast von mindestens 3:11 zum Hintergrund haben und mindestens 2 px dick sein. <\/p>\n<p>2.5.6 Concurrent Input Mechanisms (AAA, WCAG 2.1)<br \/>\n\u2022  Inhalte und Funktionen m\u00fcssen mit verschiedenen Eingabemethoden (Tastatur, Maus, Touch, Spracheingabe etc.) parallel nutzbar sein.<br \/>\n\u2022  Beispiel: Eine App, die per Touch und Tastatur gleichzeitig bedienbar ist, ohne Einschr\u00e4nkung.<\/p>\n<p>3.1.3 Unusual Words AAA 2.0 &#8211; ungew\u00f6hnliche W\u00f6rter werden vermieden oder erkl\u00e4rt<br \/>\n3.1.4 Abbreviations AAA 2.0 &#8211; Abk\u00fcrzungen werden vermieden oder erkl\u00e4rt<br \/>\n3.1.5 Reading Level AAA 2.0 &#8211; Texte sollen verst\u00e4ndlich sein f\u00fcr Personen mit einem mittleren Schulabschluss<br \/>\n3.1.6 Pronunciation AAA 2.0 &#8211; Die Aussprache von W\u00f6rtern wird erkl\u00e4rt<\/p>\n<p>3.2.5 Change on Request (AAA, WCAG 2.0)<br \/>\n\u2022  Automatische \u00c4nderungen (z. B. Kontextwechsel, Seitenwechsel, Absenden von Formularen) d\u00fcrfen nur auf ausdr\u00fcckliche Nutzeranfrage erfolgen.<br \/>\n\u2022  Beispiel: Ein Formular wird nicht automatisch gesendet, wenn ein Feld ge\u00e4ndert wird.<\/p>\n<p>3.3.5 Help (AAA, WCAG 2.0)<br \/>\n\u2022  Nutzer sollen leichter Zugang zu Hilfestellungen haben, wenn Eingaben erforderlich sind.<br \/>\n\u2022  Beispiel: Kontext-Hilfe, Tooltips, Kontaktm\u00f6glichkeiten oder Anleitungen.<\/p>\n<p>3.3.6 Error Prevention (All) (AAA, WCAG 2.0)<br \/>\n\u2022  Bei rechtlich, finanziell oder datenm\u00e4\u00dfig wichtigen Transaktionen muss sichergestellt sein, dass:<br \/>\n1.  Eingaben \u00fcberpr\u00fcft werden k\u00f6nnen.<br \/>\n2.  Fehler korrigierbar sind.<br \/>\n3.  Aktionen vor endg\u00fcltiger Abgabe best\u00e4tigt werden.<\/p>\n<p>3.3.9 Accessible Authentication (Enhanced) (AAA, WCAG 2.2)<br \/>\n\u2022 Authentifizierungsprozesse d\u00fcrfen nicht auf F\u00e4higkeiten wie Erinnern, Transkribieren oder L\u00f6sen komplexer R\u00e4tsel angewiesen sein.<br \/>\n\u2022 Beispiel: Nutzer k\u00f6nnen sich \u00fcber Passwortmanager, biometrische Methoden oder Copy-Paste anmelden, ohne Barrieren.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Das_Problem_mit_den_AAA-Kriterien\"><\/span>Das Problem mit den AAA-Kriterien<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>&#8211; Es gibt wenig Praxiserfahrung. Dadurch ist die Auslegung schwieriger als bei den A- und AA-Kriterien.<br \/>\n&#8211; Es gibt keine etablierten Pr\u00fcfverfahren.<br \/>\n&#8211; Manche Funktionen d\u00fcrften nicht realisierbar sein, z.B. komplexe Kartendienste.<br \/>\n&#8211; Die Umsetzung etwa bei den sprachlichen Kriterien ist relativ aufwendig, in der Praxis schwer umsetzbar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die WCAG sind drei Konformit\u00e4tsstufen zugeordnet: a, AA und AAA. Um AA zu erf\u00fcllen, in den meisten Regionen der Mindeststandard, m\u00fcssen alle Kriterien von A&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/www.netz-barrierefrei.de\/wordpress\/die-rolle-der-aaa-kriterien-in-der-wcag\/\">Weiterlesen<span class=\"screen-reader-text\">Die Rolle der AAA-Kriterien in der WCAG<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10333","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/10333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/comments?post=10333"}],"version-history":[{"count":3,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/10333\/revisions"}],"predecessor-version":[{"id":10341,"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/pages\/10333\/revisions\/10341"}],"wp:attachment":[{"href":"https:\/\/www.netz-barrierefrei.de\/wordpress\/wp-json\/wp\/v2\/media?parent=10333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}