{"id":9318,"date":"2026-08-31T08:00:00","date_gmt":"2026-08-31T08:00:00","guid":{"rendered":"https:\/\/decareto.com\/?p=9318"},"modified":"2026-08-14T12:50:32","modified_gmt":"2026-08-14T12:50:32","slug":"wie-erkennt-man-barrierefreiheitsprobleme-bei-schriftgrosen-und-zoom","status":"publish","type":"post","link":"https:\/\/decareto.com\/de\/wie-erkennt-man-barrierefreiheitsprobleme-bei-schriftgrosen-und-zoom\/","title":{"rendered":"Wie erkennt man Barrierefreiheitsprobleme bei Schriftgr\u00f6\u00dfen und Zoom?"},"content":{"rendered":"<p>Barrierefreiheitsprobleme bei Schriftgr\u00f6\u00dfen und Zoom erkennt man, indem man gezielt pr\u00fcft, ob Texte auf mindestens 200 % vergr\u00f6\u00dferbar sind, ohne dass Inhalte abgeschnitten werden, und ob Schriftgr\u00f6\u00dfen in relativen Einheiten wie <code>rem<\/code> oder <code>em<\/code> definiert sind. Diese technischen Anforderungen sind in den WCAG-Erfolgskriterien verbindlich festgelegt und gelten f\u00fcr alle Websites, die unter das Barrierefreiheitsst\u00e4rkungsgesetz (BFSG) fallen. Der folgende Artikel beantwortet die wichtigsten Fragen rund um Standards, typische Fehler, Pr\u00fcfmethoden und geeignete Tools.<\/p>\n<h2>Welche WCAG-Anforderungen gelten f\u00fcr Schriftgr\u00f6\u00dfen und Zoom?<\/h2>\n<p>Die WCAG 2.2 definiert in Erfolgskriterium 1.4.4 (<em>Resize Text<\/em>, Level AA), dass Texte auf bis zu 200 % vergr\u00f6\u00dfert werden k\u00f6nnen m\u00fcssen, ohne dass Inhalt oder Funktionalit\u00e4t verloren geht. Erfolgskriterium 1.4.10 (<em>Reflow<\/em>, ebenfalls Level AA) erg\u00e4nzt, dass Inhalte bei einer Viewport-Breite von 320 CSS-Pixeln ohne horizontales Scrollen lesbar sein m\u00fcssen.<\/p>\n<p>Konkret bedeutet das f\u00fcr die Umsetzung:<\/p>\n<ul>\n<li><strong>Schriftgr\u00f6\u00dfen in relativen Einheiten:<\/strong> Pixel (<code>px<\/code>) als absolute Einheit blockieren die Browservergr\u00f6\u00dferung in vielen F\u00e4llen. Stattdessen sollten <code>rem<\/code>, <code>em<\/code> oder Prozentwerte verwendet werden.<\/li>\n<li><strong>Kein Sperren des Zooms:<\/strong> Der Meta-Tag <code>&lt;meta name=\"viewport\" content=\"user-scalable=no\"&gt;<\/code> verhindert aktiv das Zoomen und verst\u00f6\u00dft gegen WCAG 1.4.4.<\/li>\n<li><strong>Mindestschriftgr\u00f6\u00dfe f\u00fcr Flie\u00dftext:<\/strong> Obwohl WCAG keine Mindestgr\u00f6\u00dfe in Pixeln vorschreibt, gilt in der Praxis 16 px (bzw. 1 rem) als Orientierungswert f\u00fcr gut lesbaren Flie\u00dftext.<\/li>\n<li><strong>Kontrast bleibt bei Zoom erhalten:<\/strong> Vergr\u00f6\u00dferte Texte m\u00fcssen weiterhin die Kontrastanforderungen aus WCAG 1.4.3 erf\u00fcllen.<\/li>\n<\/ul>\n<p>Das BFSG, das seit Juni 2025 f\u00fcr viele Unternehmen verbindlich gilt, orientiert sich an der europ\u00e4ischen Norm EN 301 549, die ihrerseits auf WCAG 2.1 Level AA aufbaut. Wer also die WCAG-Anforderungen an Schriftgr\u00f6\u00dfe und Zoom erf\u00fcllt, adressiert gleichzeitig zentrale Pflichten aus dem BFSG.<\/p>\n<h2>Wie erkennt man fehlerhafte Zoom-Implementierungen auf Websites?<\/h2>\n<p>Fehlerhafte Zoom-Implementierungen erkennt man am zuverl\u00e4ssigsten durch eine Kombination aus manuellem Browsertest und automatisierter Code-Analyse. Der schnellste manuelle Test: \u00d6ffnen Sie die Website im Browser und erh\u00f6hen Sie die Textgr\u00f6\u00dfe auf 200 % \u00fcber die Browsereinstellungen. Werden Texte abgeschnitten, \u00fcberlappen sich Elemente oder verschwindet Inhalt, liegt ein Versto\u00df gegen WCAG 1.4.4 vor.<\/p>\n<h3>Manuelle Pr\u00fcfschritte im Browser<\/h3>\n<p>Gehen Sie beim manuellen Zoom-Test systematisch vor:<\/p>\n<ol>\n<li>Rufen Sie die Website in einem aktuellen Browser auf.<\/li>\n<li>Erh\u00f6hen Sie die Textgr\u00f6\u00dfe in den Browsereinstellungen schrittweise auf 200 %.<\/li>\n<li>Pr\u00fcfen Sie, ob alle Texte noch vollst\u00e4ndig sichtbar sind und keine Inhalte abgeschnitten werden.<\/li>\n<li>Testen Sie interaktive Elemente wie Buttons, Formulare und Navigationsmen\u00fcs auf Bedienbarkeit.<\/li>\n<li>Wechseln Sie auf eine Viewport-Breite von 320 px und pr\u00fcfen Sie, ob horizontales Scrollen notwendig wird (WCAG 1.4.10).<\/li>\n<\/ol>\n<h3>Zoom-Sperren im Quellcode aufsp\u00fcren<\/h3>\n<p>Im HTML-Quellcode sollten Sie gezielt nach dem Viewport-Meta-Tag suchen. Problematisch sind Varianten wie <code>user-scalable=no<\/code> oder <code>maximum-scale=1<\/code>. Solche Eintr\u00e4ge blockieren die native Zoom-Funktion des Browsers und stellen einen klar identifizierbaren WCAG-Versto\u00df dar, der sich automatisiert erkennen l\u00e4sst.<\/p>\n<h2>Was sind typische Barrierefreiheitsprobleme bei Schriftgr\u00f6\u00dfen?<\/h2>\n<p>Die h\u00e4ufigsten Schriftgr\u00f6\u00dfenprobleme auf Websites sind der Einsatz absoluter Pixelwerte, zu kleiner Basisschriftgr\u00f6\u00dfen und fehlender responsiver Anpassungen. Diese Fehler betreffen besonders Nutzerinnen und Nutzer, die auf Browservergr\u00f6\u00dferung oder Systemeinstellungen f\u00fcr gr\u00f6\u00dfere Schrift angewiesen sind, etwa \u00e4ltere Menschen oder Menschen mit Sehbeeintr\u00e4chtigungen.<\/p>\n<p>In der Praxis begegnen Pr\u00fcferinnen und Pr\u00fcfern folgende Problemmuster besonders h\u00e4ufig:<\/p>\n<ul>\n<li><strong>Schriftgr\u00f6\u00dfe in Pixeln fixiert:<\/strong> CSS-Regeln wie <code>font-size: 12px<\/code> ignorieren die Nutzereinstellungen im Betriebssystem oder Browser vollst\u00e4ndig.<\/li>\n<li><strong>Zu kleine Basisschriftgr\u00f6\u00dfe:<\/strong> Flie\u00dftexte unter 14 px sind f\u00fcr viele Nutzergruppen schwer lesbar, auch ohne Sehbeeintr\u00e4chtigung.<\/li>\n<li><strong>Zeilenabstand zu gering:<\/strong> WCAG 1.4.12 (<em>Text Spacing<\/em>) schreibt vor, dass Texte bei erh\u00f6htem Zeilen-, Buchstaben- und Wortabstand nicht abgeschnitten werden d\u00fcrfen.<\/li>\n<li><strong>Fehlende responsive Anpassung:<\/strong> Schriftgr\u00f6\u00dfen, die auf dem Desktop gut lesbar sind, werden auf Mobilger\u00e4ten nicht automatisch skaliert, wenn keine responsiven CSS-Einheiten genutzt werden.<\/li>\n<li><strong>\u00dcberschriften und Labels zu klein:<\/strong> Formularfelder, Buttons oder Navigationselemente mit sehr kleiner Beschriftung erschweren die Bedienung erheblich.<\/li>\n<\/ul>\n<p>Viele dieser Probleme entstehen nicht aus Fahrl\u00e4ssigkeit, sondern weil Designvorgaben in absolute Einheiten \u00fcbersetzt werden, ohne die Auswirkungen auf die Zug\u00e4nglichkeit zu ber\u00fccksichtigen.<\/p>\n<h2>Wie unterscheiden sich automatisierte und manuelle Pr\u00fcfmethoden?<\/h2>\n<p>Automatisierte Tests pr\u00fcfen den HTML- und CSS-Code einer Website auf messbare Regelverst\u00f6\u00dfe, etwa gesperrten Zoom oder Schriftgr\u00f6\u00dfen in Pixeln. Manuelle Tests pr\u00fcfen, ob die Website in der tats\u00e4chlichen Nutzung zug\u00e4nglich ist, zum Beispiel ob Inhalte nach der Vergr\u00f6\u00dferung noch sinnvoll angeordnet sind. Beide Methoden erg\u00e4nzen sich und ersetzen sich gegenseitig nicht.<\/p>\n<h3>Was automatisierte Tests leisten<\/h3>\n<p>Automatisierte Barrierefreiheitstests, die auf Bibliotheken wie axe-core basieren, k\u00f6nnen zuverl\u00e4ssig erkennen:<\/p>\n<ul>\n<li>Viewport-Meta-Tags mit Zoom-Sperre<\/li>\n<li>Schriftgr\u00f6\u00dfen unterhalb definierter Schwellenwerte<\/li>\n<li>Fehlende oder fehlerhafte CSS-Einheiten<\/li>\n<li>Verst\u00f6\u00dfe gegen Text-Spacing-Anforderungen (WCAG 1.4.12)<\/li>\n<\/ul>\n<p>Sch\u00e4tzungen gehen davon aus, dass automatisierte Tests etwa 30 bis 50 % aller WCAG-Verst\u00f6\u00dfe aufdecken k\u00f6nnen. F\u00fcr Schriftgr\u00f6\u00dfen- und Zoom-Probleme, die sich auf Code-Ebene manifestieren, ist die Trefferquote in der Regel h\u00f6her.<\/p>\n<h3>Was manuelle Tests leisten<\/h3>\n<p>Manuelle Tests decken auf, was Code-Analyse nicht sieht: Ob Texte nach der Vergr\u00f6\u00dferung visuell \u00fcberlappen, ob die Lesereihenfolge noch logisch ist oder ob Inhalte zwar technisch vorhanden, aber praktisch nicht erreichbar sind. Die Web Accessibility Initiative (WAI) stellt dazu eine Checkliste f\u00fcr manuelle Schnelltests bereit, die auch ohne tiefe Testerfahrung nutzbar ist. Ein gutes Ergebnis im automatisierten <a href=\"https:\/\/decareto.com\/de\/barrierefreiheit\/test-tool\/\">Barrierefreiheits-Test<\/a> ist eine notwendige, aber keine hinreichende Bedingung f\u00fcr tats\u00e4chliche Zug\u00e4nglichkeit.<\/p>\n<h2>Welche Tools helfen beim Erkennen von Schriftgr\u00f6\u00dfen- und Zoomproblemen?<\/h2>\n<p>F\u00fcr das Erkennen von Schriftgr\u00f6\u00dfen- und Zoomproblemen stehen spezialisierte Accessibility-Software-L\u00f6sungen, Browser-Entwicklertools und manuelle Testmethoden zur Verf\u00fcgung. Die Wahl des geeigneten Tools h\u00e4ngt davon ab, ob einzelne Seiten oder ganze Websites systematisch gepr\u00fcft werden sollen.<\/p>\n<ul>\n<li><strong>Browser-Entwicklertools:<\/strong> Die Entwicklertools in Chrome, Firefox oder Edge erm\u00f6glichen es, CSS-Regeln direkt zu inspizieren und zu pr\u00fcfen, ob Schriftgr\u00f6\u00dfen in relativen Einheiten definiert sind. Der Quellcode-Viewer zeigt Viewport-Meta-Tags auf einen Blick.<\/li>\n<li><strong>Axe DevTools (Browser-Extension):<\/strong> Die kostenlose Browser-Erweiterung von Deque Systems pr\u00fcft die aktuell ge\u00f6ffnete Seite auf WCAG-Verst\u00f6\u00dfe, darunter auch Zoom- und Schriftgr\u00f6\u00dfenprobleme.<\/li>\n<li><strong>WAVE (Web Accessibility Evaluation Tool):<\/strong> Das Tool von WebAIM visualisiert Barrierefreiheitsprobleme direkt auf der Seite und eignet sich gut f\u00fcr eine erste Einsch\u00e4tzung.<\/li>\n<li><strong>Automatisierte Accessibility-Software-Plattformen:<\/strong> F\u00fcr die systematische Pr\u00fcfung mehrerer Websites oder ganzer Website-Strukturen sind Plattformen geeignet, die Unterseiten scannen, Ergebnisse priorisieren und Berichte exportieren. Diese Tools sind besonders relevant f\u00fcr Agenturen und Compliance-Teams, die viele Websites betreuen.<\/li>\n<li><strong>Screenreader-Tests:<\/strong> Obwohl Screenreader prim\u00e4r f\u00fcr andere Barrieren relevant sind, helfen sie dabei, zu verstehen, wie stark Zoom-Probleme die Gesamtnavigation beeinflussen.<\/li>\n<\/ul>\n<p>Kein einzelnes Tool deckt alle Probleme ab. Empfehlenswert ist eine Kombination aus automatisiertem Scan f\u00fcr die schnelle Identifikation von Code-Fehlern und manuellem Browsertest f\u00fcr die Pr\u00fcfung der tats\u00e4chlichen Nutzungserfahrung. Wer eine Website auf Barrierefreiheit pr\u00fcfen m\u00f6chte, sollte beide Methoden systematisch einsetzen.<\/p>\n<h2>Wann m\u00fcssen Unternehmen Schriftgr\u00f6\u00dfen- und Zoomprobleme beheben?<\/h2>\n<p>F\u00fcr viele Unternehmen besteht seit Juni 2025 eine gesetzliche Pflicht zur digitalen Barrierefreiheit. Das Barrierefreiheitsst\u00e4rkungsgesetz (BFSG) verpflichtet Anbieter bestimmter Produkte und Dienstleistungen, ihre digitalen Angebote nach WCAG 2.1 Level AA zug\u00e4nglich zu gestalten. Schriftgr\u00f6\u00dfen- und Zoomprobleme, die gegen WCAG 1.4.4 oder 1.4.10 versto\u00dfen, sind damit unmittelbar relevant.<\/p>\n<p>Im Einzelnen gilt:<\/p>\n<ul>\n<li><strong>\u00d6ffentliche Stellen:<\/strong> Bundesbeh\u00f6rden und \u00f6ffentliche Einrichtungen unterliegen bereits seit 2019 bzw. 2021 strengen Barrierefreiheitspflichten nach der BITV 2.0.<\/li>\n<li><strong>Private Unternehmen im Geltungsbereich des BFSG:<\/strong> Seit dem 28. Juni 2025 m\u00fcssen Unternehmen, die unter das BFSG fallen, ihre Websites und digitalen Dienste barrierefrei gestalten. Dazu z\u00e4hlen insbesondere E-Commerce-Anbieter, Banken und Telekommunikationsunternehmen.<\/li>\n<li><strong>Neu gestaltete Websites:<\/strong> Unabh\u00e4ngig von gesetzlichen Fristen sollte jede neu entwickelte oder grundlegend \u00fcberarbeitete Website von Beginn an auf barrierefreie Schriftgr\u00f6\u00dfen und Zoom-Kompatibilit\u00e4t ausgelegt sein.<\/li>\n<li><strong>Priorisierung nach Schweregrad:<\/strong> Wenn Ressourcen begrenzt sind, sollten Probleme nach ihrer Auswirkung priorisiert werden. Zoom-Sperren, die grundlegende Funktionen blockieren, sind als kritisch einzustufen und sollten zuerst behoben werden.<\/li>\n<\/ul>\n<p>Auch wenn keine unmittelbare gesetzliche Pflicht besteht, lohnt sich die Behebung von Schriftgr\u00f6\u00dfen- und Zoomproblemen aus praktischen Gr\u00fcnden: Sie verbessern die Nutzererfahrung f\u00fcr alle Besucherinnen und Besucher, nicht nur f\u00fcr Menschen mit Beeintr\u00e4chtigungen.<\/p>\n<h2>Wie decareto bei der Erkennung von Schriftgr\u00f6\u00dfen- und Zoomproblemen unterst\u00fctzt<\/h2>\n<p>Wir bei decareto haben unsere Accessibility-Software entwickelt, um genau die Probleme sichtbar zu machen, die bei manuellen Pr\u00fcfungen leicht \u00fcbersehen werden. F\u00fcr Schriftgr\u00f6\u00dfen- und Zoomprobleme bietet unsere Plattform konkrete Unterst\u00fctzung:<\/p>\n<ul>\n<li><strong>Automatisierter Scan nach WCAG-Standards:<\/strong> Unsere Software pr\u00fcft Websites auf Zoom-Sperren im Viewport-Meta-Tag, auf Schriftgr\u00f6\u00dfen in absoluten Einheiten und auf Verst\u00f6\u00dfe gegen WCAG 1.4.4, 1.4.10 und 1.4.12, und das auf allen Unterseiten in einem Durchgang.<\/li>\n<li><strong>Priorisierung nach Schweregrad:<\/strong> Gefundene Probleme werden nach ihrer Auswirkung eingestuft, von kritisch bis geringf\u00fcgig, damit Sie sofort erkennen, wo dringender Handlungsbedarf besteht.<\/li>\n<li><strong>Konkrete Handlungsempfehlungen:<\/strong> Zu jedem gefundenen Problem liefern wir verst\u00e4ndliche Hinweise zur Behebung, inklusive Verweis auf das betreffende WCAG-Erfolgskriterium und den HTML-Code des problematischen Elements.<\/li>\n<li><strong>Dauerhafte \u00dcberwachung:<\/strong> Hunderte Websites lassen sich kontinuierlich \u00fcberwachen. Bei \u00c4nderungen, die neue Barrieren einf\u00fchren, erhalten Sie automatische Benachrichtigungen.<\/li>\n<li><strong>Manuelle Erg\u00e4nzung m\u00f6glich:<\/strong> Probleme, die nur manuell erkennbar sind, k\u00f6nnen direkt im Report dokumentiert und dem Scan-Ergebnis hinzugef\u00fcgt werden, f\u00fcr ein vollst\u00e4ndiges Bild der Barrierefreiheitssituation.<\/li>\n<li><strong>Reports teilen und exportieren:<\/strong> Fertige Berichte k\u00f6nnen direkt mit Kunden geteilt oder als PDF exportiert werden, auch mit Whitelabel-Logo f\u00fcr Agenturen.<\/li>\n<\/ul>\n<p>Ein gutes Ergebnis im decareto-Scan ist ein wichtiger Indikator, ersetzt aber keine vollst\u00e4ndige manuelle Pr\u00fcfung oder rechtliche Beratung. Wir unterst\u00fctzen Ihre Compliance-Arbeit, indem wir technische Schwachstellen sichtbar machen und Ihnen strukturierte Grundlagen f\u00fcr weitere Ma\u00dfnahmen liefern. Testen Sie unsere <a href=\"https:\/\/decareto.com\/de\/barrierefreiheit\/test-tool\/\">Barrierefreiheits-Software<\/a> und pr\u00fcfen Sie Ihre Website noch heute oder <a href=\"https:\/\/decareto.com\/de\/signup\/\">registrieren Sie sich jetzt<\/a> f\u00fcr einen kostenlosen Einstieg.<\/p>\n<p><em>Dieser Text wurde mit Hilfe von KI erstellt und k\u00f6nnte Fehler beinhalten.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Schriftgr\u00f6\u00dfen und Zoom barrierefrei pr\u00fcfen: WCAG-Anforderungen, typische Fehler und die besten Tools im \u00dcberblick.<\/p>\n","protected":false},"author":6,"featured_media":9590,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"categories":[44],"tags":[],"class_list":["post-9318","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"acf":[],"_links":{"self":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/posts\/9318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/comments?post=9318"}],"version-history":[{"count":1,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/posts\/9318\/revisions"}],"predecessor-version":[{"id":9409,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/posts\/9318\/revisions\/9409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/media\/9590"}],"wp:attachment":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/media?parent=9318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/categories?post=9318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/tags?post=9318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}