{"id":83030,"date":"2025-08-19T09:00:00","date_gmt":"2025-08-19T07:00:00","guid":{"rendered":"https:\/\/blog.walterlernt.ch\/2025\/08\/19\/wcag-2-2-aenderungen-website-praxis\/"},"modified":"2026-05-27T03:51:48","modified_gmt":"2026-05-27T01:51:48","slug":"wcag-2-2-aenderungen-website-praxis","status":"publish","type":"post","link":"https:\/\/walterlernt.ch\/blog\/wcag-2-2-aenderungen-website-praxis\/","title":{"rendered":"WCAG 2.2 \u2014 was \u00e4ndert sich f\u00fcr deine Website?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Die Web Content Accessibility Guidelines 2.2 sind seit Oktober 2023 offizieller W3C-Standard. Was 2024 noch Pflicht f\u00fcr Beh\u00f6rden war, wird 2025 f\u00fcr viele KMU relevant \u2013 Stichwort EU-Barrierefreiheitsrichtlinie. Hier ein praxisnaher \u00dcberblick, ohne Juristen-Sprech.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was WCAG 2.2 von 2.1 unterscheidet<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WCAG 2.2 f\u00fcgt neun neue Erfolgskriterien hinzu \u2013 alle bauen auf 2.1 auf, keines ersetzt etwas. Die meisten betreffen Mobile-Nutzung, kognitive Behinderungen und Tastatur-Navigation. Praktisch heisst das: Wer 2.1 AA erf\u00fcllt, ist nicht automatisch 2.2 AA.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die wichtigsten neuen Anforderungen<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Focus Not Obscured (2.4.11\/12)<\/strong> \u2013 Wenn ein Element den Fokus erh\u00e4lt, darf es nicht von einem anderen Element verdeckt sein. Klingt offensichtlich, ist aber h\u00e4ufiges Problem bei Sticky-Headern und Cookie-Bannern.<\/li>\n\n\n\n<li><strong>Dragging Movements (2.5.7)<\/strong> \u2013 Funktionen, die per Drag-and-Drop bedient werden, m\u00fcssen alternativ auch mit einfachem Klick oder Tastatur erreichbar sein. Betrifft viele Pagebuilder-Galerien und Slider.<\/li>\n\n\n\n<li><strong>Target Size Minimum (2.5.8)<\/strong> \u2013 Klickbare Elemente m\u00fcssen mindestens 24\u00d724 Pixel gross sein. Tickt fast jede zweite Website ab, wenn man Mini-Icons in Footer und Navigation pr\u00fcft.<\/li>\n\n\n\n<li><strong>Consistent Help (3.2.6)<\/strong> \u2013 Hilfe-Links (Kontakt, Suche, Support) m\u00fcssen auf allen Seiten an der gleichen Stelle stehen.<\/li>\n\n\n\n<li><strong>Redundant Entry (3.3.7)<\/strong> \u2013 Was der Nutzer einmal eingegeben hat, soll nicht erneut abgefragt werden. Klassisches Beispiel: Adresse f\u00fcr Lieferung und Rechnung doppelt eintippen m\u00fcssen.<\/li>\n\n\n\n<li><strong>Accessible Authentication (3.3.8\/9)<\/strong> \u2013 Logins d\u00fcrfen nicht nur mit Capchas funktionieren, die kognitive Tests verlangen (\u00abWelche Bilder zeigen Ampeln?\u00bb). Es muss eine Alternative geben.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Was du auf deiner Website konkret pr\u00fcfen solltest<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cookie-Banner<\/strong> \u2013 Verdeckt er den Fokus, wenn jemand mit Tab durch die Seite navigiert? Ist die \u00abAkzeptieren\u00bb-Schaltfl\u00e4che gr\u00f6sser als die \u00abAblehnen\u00bb? (Dark Pattern, oft auch barrierefrei problematisch)<\/li>\n\n\n\n<li><strong>Footer-Icons<\/strong> \u2013 Sind die Social-Media-Icons mindestens 24\u00d724 px gross?<\/li>\n\n\n\n<li><strong>Sticky Header<\/strong> \u2013 Verdeckt er Inhalte, wenn jemand per Tastatur scrollt?<\/li>\n\n\n\n<li><strong>Formulare<\/strong> \u2013 M\u00fcssen Daten doppelt eingegeben werden, die schon bekannt sind?<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Mein Tipp aus der Praxis<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Versuch nicht, alles auf einmal zu fixen. Die meisten Verbesserungen sind klein, aber summieren sich. Geh die Pr\u00fcfliste oben durch, fix einen Punkt pro Woche \u2013 nach zwei Monaten ist die Seite sp\u00fcrbar besser, ohne dass du in einen Refactoring-Albtraum ger\u00e4tst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Werkzeuge, die helfen: <strong>WAVE<\/strong> (Browser-Plugin, gratis), <strong>axe DevTools<\/strong> (Chrome-Extension), <strong>Lighthouse<\/strong> (in Chrome eingebaut). Sie finden 30-50 % der Probleme automatisch \u2013 den Rest musst du selber durchgehen, mit Tastatur und Screenreader.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wann WCAG 2.2 f\u00fcr dich Pflicht wird<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In der Schweiz: f\u00fcr Bundesverwaltung verpflichtend. F\u00fcr KMU formal nicht \u2013 aber wer mit dem \u00f6ffentlichen Sektor arbeitet, wird de facto in Beschaffungsrichtlinien gefragt. In der EU: ab Juni 2025 wird die Barrierefreiheitsrichtlinie wirksam \u2013 betrifft auch Schweizer Firmen, die in die EU verkaufen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wer Webdesign mit Accessibility von Anfang an mitdenken will, statt es nachtr\u00e4glich zu fixen \u2013 im <a href=\"https:\/\/www.walterlernt.ch\/design-und-kreativitaet\/flink-mit-figma\/\">Flink-mit-Figma-Kurs<\/a> bauen wir das ins Design-System ein. Wer barrierefrei entwirft, baut nicht nur fairer, sondern auch billiger.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die Web Content Accessibility Guidelines 2.2 sind seit Oktober 2023 offizieller W3C-Standard. Was 2024 noch Pflicht f\u00fcr Beh\u00f6rden war, wird 2025 f\u00fcr viele KMU relevant \u2013 Stichwort EU-Barrierefreiheitsrichtlinie.<\/p>\n","protected":false},"author":1,"featured_media":83349,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[265,263],"tags":[41,28,20],"class_list":["post-83030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-sichtbarkeit","category-wordpress-webdesign","tag-seo","tag-tools","tag-websites-und-technik"],"_links":{"self":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/83030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/comments?post=83030"}],"version-history":[{"count":2,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/83030\/revisions"}],"predecessor-version":[{"id":83375,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/83030\/revisions\/83375"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media\/83349"}],"wp:attachment":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media?parent=83030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/categories?post=83030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/tags?post=83030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}