{"id":9263,"date":"2026-10-12T08:00:00","date_gmt":"2026-10-12T08:00:00","guid":{"rendered":"https:\/\/decareto.com\/?p=9263"},"modified":"2026-08-14T12:51:32","modified_gmt":"2026-08-14T12:51:32","slug":"was-pruft-ein-barrierefreiheits-audit-bei-mobilen-websites","status":"publish","type":"post","link":"https:\/\/decareto.com\/de\/was-pruft-ein-barrierefreiheits-audit-bei-mobilen-websites\/","title":{"rendered":"Was pr\u00fcft ein Barrierefreiheits-Audit bei mobilen Websites?"},"content":{"rendered":"<p>Ein Barrierefreiheits-Audit f\u00fcr mobile Websites pr\u00fcft, ob digitale Inhalte und Funktionen auf Smartphones und Tablets f\u00fcr alle Menschen nutzbar sind, einschlie\u00dflich Personen mit motorischen, visuellen, auditiven oder kognitiven Einschr\u00e4nkungen. Dabei werden technische Kriterien nach WCAG, BITV und den Anforderungen des Barrierefreiheitsst\u00e4rkungsgesetzes (BFSG) systematisch \u00fcberpr\u00fcft. Die folgenden Abschnitte beantworten die wichtigsten Fragen rund um mobile Accessibility Audits.<\/p>\n<h2>Welche Bereiche einer mobilen Website werden bei einem Barrierefreiheits-Audit gepr\u00fcft?<\/h2>\n<p>Ein Barrierefreiheits-Audit f\u00fcr mobile Websites untersucht alle Bereiche, die Einfluss auf die Nutzbarkeit durch Menschen mit Behinderungen haben. Dazu geh\u00f6ren Navigation, Bedienbarkeit, visuelle Darstellung, Inhaltsstruktur, Formulare und die Kompatibilit\u00e4t mit Hilfstechnologien wie Screenreadern. Die Pr\u00fcfung erstreckt sich auf s\u00e4mtliche Unterseiten, nicht nur auf die Startseite.<\/p>\n<p>Im Einzelnen umfasst ein typisches mobiles Barrierefreiheits-Audit folgende Pr\u00fcfbereiche:<\/p>\n<ul>\n<li><strong>Touch-Bedienbarkeit:<\/strong> Sind Schaltfl\u00e4chen und Links gro\u00df genug und weit genug voneinander entfernt, um sicher mit dem Finger bedient zu werden?<\/li>\n<li><strong>Farbkontraste:<\/strong> Sind Text und grafische Elemente auch bei unterschiedlichen Lichtverh\u00e4ltnissen und auf kleinen Displays gut lesbar?<\/li>\n<li><strong>Schriftgr\u00f6\u00dfe und Zoom:<\/strong> Kann der Nutzer die Schrift vergr\u00f6\u00dfern, ohne dass Inhalte abgeschnitten werden oder die Seite unbrauchbar wird?<\/li>\n<li><strong>Screenreader-Kompatibilit\u00e4t:<\/strong> Werden Inhalte von Hilfstechnologien wie VoiceOver (iOS) oder TalkBack (Android) korrekt vorgelesen?<\/li>\n<li><strong>Formularfelder und Eingabehilfen:<\/strong> Sind Eingabefelder korrekt beschriftet und mit dem passenden Tastaturtyp verkn\u00fcpft?<\/li>\n<li><strong>Alternativtexte:<\/strong> Verf\u00fcgen Bilder, Icons und grafische Inhalte \u00fcber aussagekr\u00e4ftige Alternativtexte?<\/li>\n<li><strong>Videoinhalte und Audiodeskription:<\/strong> Sind Videos mit Untertiteln versehen und stehen Audiodeskriptionen zur Verf\u00fcgung?<\/li>\n<li><strong>Seitenstruktur und \u00dcberschriftenhierarchie:<\/strong> Ist der Inhalt semantisch korrekt strukturiert, sodass er auch ohne visuelle Darstellung verst\u00e4ndlich bleibt?<\/li>\n<\/ul>\n<p>Professionelle <a href=\"https:\/\/decareto.com\/de\/barrierefreiheit\/test-tool\/\">Barrierefreiheits-Tests<\/a> erfassen diese Bereiche systematisch und liefern eine strukturierte \u00dcbersicht der gefundenen Probleme, priorisiert nach Schweregrad.<\/p>\n<h2>Welche WCAG-Kriterien sind f\u00fcr mobile Websites besonders relevant?<\/h2>\n<p>F\u00fcr mobile Websites sind vor allem die WCAG-Erfolgskriterien relevant, die Bedienbarkeit mit Touchscreens, Skalierbarkeit von Inhalten und die Kompatibilit\u00e4t mit mobilen Hilfstechnologien betreffen. Besonders im Fokus stehen die Konformit\u00e4tsstufen A und AA, da diese als Mindestanforderung f\u00fcr gesetzliche Vorgaben wie das BFSG gelten.<\/p>\n<p>Die folgende Auswahl der WCAG-Kriterien ist im mobilen Kontext besonders praxisrelevant:<\/p>\n<ul>\n<li><strong>1.4.3 Kontrast (Minimum):<\/strong> Text muss ein Kontrastverh\u00e4ltnis von mindestens 4,5:1 zum Hintergrund aufweisen, auf kleinen Displays ist dies besonders kritisch.<\/li>\n<li><strong>1.4.4 Textgr\u00f6\u00dfe \u00e4ndern:<\/strong> Text muss auf 200 % vergr\u00f6\u00dferbar sein, ohne dass Inhalt oder Funktionalit\u00e4t verloren gehen.<\/li>\n<li><strong>1.4.10 Umfluss (Reflow):<\/strong> Inhalte m\u00fcssen auf einer Breite von 320 CSS-Pixeln vollst\u00e4ndig darstellbar sein, ohne horizontales Scrollen zu erfordern.<\/li>\n<li><strong>2.5.5 Zielgr\u00f6\u00dfe:<\/strong> Interaktive Elemente sollten mindestens 44 x 44 Pixel gro\u00df sein, um mit dem Finger sicher bedient werden zu k\u00f6nnen.<\/li>\n<li><strong>2.5.1 Zeigergesten:<\/strong> Funktionen, die komplexe Gesten erfordern, m\u00fcssen auch mit einfachen Tipp-Gesten nutzbar sein.<\/li>\n<li><strong>4.1.2 Name, Rolle, Wert:<\/strong> Alle Bedienelemente m\u00fcssen programmatisch korrekt ausgezeichnet sein, damit Screenreader sie interpretieren k\u00f6nnen.<\/li>\n<\/ul>\n<p>Wichtig: Das Bestehen automatisierter Pr\u00fcfungen nach diesen Kriterien bedeutet nicht automatisch vollst\u00e4ndige rechtliche Konformit\u00e4t. Automatisierte Tools erfassen typischerweise einen erheblichen Teil der technisch pr\u00fcfbaren Kriterien, k\u00f6nnen aber manuelle Pr\u00fcfaspekte wie die Verst\u00e4ndlichkeit von Inhalten oder die Tastaturnavigation nicht vollst\u00e4ndig abbilden.<\/p>\n<h2>Wie unterscheidet sich ein mobiles Barrierefreiheits-Audit vom Desktop-Audit?<\/h2>\n<p>Ein mobiles Barrierefreiheits-Audit unterscheidet sich vom Desktop-Audit vor allem durch die spezifischen Interaktionsmodelle und Darstellungsbedingungen auf Smartphones und Tablets. W\u00e4hrend Desktop-Audits die Tastaturbedienbarkeit und Maussteuerung in den Vordergrund stellen, fokussiert das mobile Audit auf Touch-Interaktion, Bildschirmgr\u00f6\u00dfe und mobile Hilfstechnologien.<\/p>\n<p>Die wichtigsten Unterschiede im \u00dcberblick:<\/p>\n<ul>\n<li><strong>Eingabemethode:<\/strong> Auf dem Desktop steht die Tastaturbedienbarkeit im Mittelpunkt. Mobil sind Tipp-Gesten, Wischgesten und die Sprachsteuerung entscheidend.<\/li>\n<li><strong>Viewport und Reflow:<\/strong> Mobile Ger\u00e4te nutzen deutlich kleinere Bildschirmfl\u00e4chen. Inhalte m\u00fcssen sich flexibel anpassen, ohne wichtige Funktionen zu verlieren.<\/li>\n<li><strong>Hilfstechnologien:<\/strong> Mobile Screenreader wie VoiceOver und TalkBack funktionieren anders als NVDA oder JAWS auf dem Desktop und erfordern spezifische Implementierungen.<\/li>\n<li><strong>Systemschriften und Zoomverhalten:<\/strong> Nutzer k\u00f6nnen auf Mobilger\u00e4ten systemweite Schriftgr\u00f6\u00dfen einstellen, die Websites ber\u00fccksichtigen m\u00fcssen.<\/li>\n<li><strong>Netzwerkbedingungen:<\/strong> Langsame mobile Verbindungen k\u00f6nnen die Nutzbarkeit beeinflussen, etwa wenn Inhalte verz\u00f6gert laden und Screenreader keine vollst\u00e4ndige Struktur vorfinden.<\/li>\n<\/ul>\n<p>In der Praxis empfiehlt sich ein kombiniertes Audit, das sowohl Desktop- als auch mobile Ansichten pr\u00fcft, da viele Websites responsive Layouts nutzen, die auf beiden Plattformen unterschiedliche Barrierefreiheitsprobleme erzeugen k\u00f6nnen.<\/p>\n<h2>Welche h\u00e4ufigen Barrieren findet ein Audit auf mobilen Websites?<\/h2>\n<p>Die h\u00e4ufigsten Barrieren, die ein Barrierefreiheits-Audit auf mobilen Websites aufdeckt, sind zu kleine Touch-Ziele, unzureichende Farbkontraste, fehlende Alternativtexte, nicht skalierbare Inhalte und Formulare ohne korrekte Beschriftungen. Diese Probleme betreffen sowohl Nutzer mit Sehbehinderungen als auch Personen mit motorischen Einschr\u00e4nkungen.<\/p>\n<p>Konkret begegnen Pr\u00fcfende auf mobilen Websites regelm\u00e4\u00dfig diesen Barrieren:<\/p>\n<ul>\n<li><strong>Zu kleine Schaltfl\u00e4chen und Links:<\/strong> Viele Websites platzieren interaktive Elemente zu nah beieinander, was pr\u00e4zises Tippen f\u00fcr motorisch eingeschr\u00e4nkte Nutzer erschwert oder unm\u00f6glich macht.<\/li>\n<li><strong>Fehlende oder unbrauchbare Alternativtexte:<\/strong> Bilder ohne Alternativtext oder mit nichtssagendem Text wie \u201eBild\u201c sind f\u00fcr Screenreader-Nutzer nutzlos.<\/li>\n<li><strong>Horizontales Scrollen:<\/strong> Inhalte, die auf kleinen Bildschirmen nicht umbrechen, zwingen Nutzer zu horizontalem Scrollen, was insbesondere mit Hilfstechnologien problematisch ist.<\/li>\n<li><strong>Nicht sperrbarer Zoom:<\/strong> Einige Websites deaktivieren den Pinch-to-Zoom-Mechanismus, was Sehbehinderten die Vergr\u00f6\u00dferung von Inhalten verwehrt.<\/li>\n<li><strong>Kontrastarme Texte:<\/strong> Grau auf Wei\u00df oder helle Farben auf hellem Hintergrund sind auf mobilen Displays bei Sonnenlicht kaum lesbar.<\/li>\n<li><strong>Formulare ohne passende Tastaturtypen:<\/strong> Wenn ein Zahlenfeld keine numerische Tastatur aufruft, erschwert das die Eingabe erheblich.<\/li>\n<li><strong>Fehlende Fokusanzeige:<\/strong> Nutzer, die mit externen Tastaturen oder Schaltersteuerung arbeiten, k\u00f6nnen nicht erkennen, welches Element gerade fokussiert ist.<\/li>\n<\/ul>\n<h2>Was gilt es beim BFSG f\u00fcr mobile Websites zu beachten?<\/h2>\n<p>Das Barrierefreiheitsst\u00e4rkungsgesetz (BFSG) verpflichtet Unternehmen, die Produkte und Dienstleistungen auf dem Verbrauchermarkt anbieten, ihre digitalen Angebote barrierefrei zu gestalten. F\u00fcr mobile Websites bedeutet das: Die technischen Anforderungen der EN 301 549, die auf den WCAG 2.1 Level AA basieren, m\u00fcssen erf\u00fcllt sein. Seit Juni 2025 gilt diese Pflicht f\u00fcr viele Unternehmen im B2C-Bereich.<\/p>\n<p>Folgende Punkte sind beim BFSG f\u00fcr mobile Websites besonders zu beachten:<\/p>\n<ul>\n<li><strong>Geltungsbereich:<\/strong> Das BFSG richtet sich an Unternehmen, die Produkte oder Dienstleistungen an Verbraucher verkaufen, darunter Online-Shops, Buchungsportale und digitale Serviceangebote.<\/li>\n<li><strong>Technischer Standard:<\/strong> Ma\u00dfgeblich ist die europ\u00e4ische Norm EN 301 549, die f\u00fcr Web-Inhalte auf WCAG 2.1 AA verweist. Mobile Websites m\u00fcssen diese Anforderungen erf\u00fcllen.<\/li>\n<li><strong>Barrierefreiheitserkl\u00e4rung:<\/strong> Unternehmen sind verpflichtet, eine Barrierefreiheitserkl\u00e4rung zu ver\u00f6ffentlichen, die den aktuellen Konformit\u00e4tsstand dokumentiert und auf bekannte Einschr\u00e4nkungen hinweist.<\/li>\n<li><strong>Ausnahmen f\u00fcr Kleinstunternehmen:<\/strong> Unternehmen mit weniger als zehn Mitarbeitenden und einem Jahresumsatz oder einer Jahresbilanzsumme von h\u00f6chstens zwei Millionen Euro sind vom BFSG ausgenommen.<\/li>\n<li><strong>Dokumentationspflicht:<\/strong> Unternehmen sollten nachweisen k\u00f6nnen, dass sie aktiv an der Barrierefreiheit ihrer Website arbeiten, etwa durch regelm\u00e4\u00dfige Audits und dokumentierte Ma\u00dfnahmen.<\/li>\n<\/ul>\n<p>Hinweis: Dieser Artikel gibt keine rechtliche Beratung. F\u00fcr verbindliche Einsch\u00e4tzungen zur Anwendbarkeit des BFSG auf Ihr Unternehmen wenden Sie sich bitte an eine qualifizierte Rechtsberatung.<\/p>\n<h2>Wie l\u00e4sst sich ein Barrierefreiheits-Audit f\u00fcr mobile Websites automatisieren?<\/h2>\n<p>Ein Barrierefreiheits-Audit f\u00fcr mobile Websites l\u00e4sst sich durch spezialisierte Software automatisieren, die Websites mit ferngesteuerten Browsern scannt, WCAG- und BITV-Kriterien pr\u00fcft und die Ergebnisse strukturiert aufbereitet. Automatisierte Audits reduzieren den manuellen Aufwand erheblich und erm\u00f6glichen die kontinuierliche \u00dcberwachung ganzer Website-Portfolios.<\/p>\n<p>Automatisierte Tools analysieren typischerweise:<\/p>\n<ul>\n<li>Farbkontraste und Schriftgr\u00f6\u00dfen<\/li>\n<li>Alternativtexte f\u00fcr Bilder und Icons<\/li>\n<li>Seitenstruktur und \u00dcberschriftenhierarchie<\/li>\n<li>ARIA-Attribute und semantische Auszeichnung<\/li>\n<li>Formularfelder und deren Beschriftungen<\/li>\n<li>Verlinkungen und deren Beschreibungen<\/li>\n<\/ul>\n<p>Wichtig zu wissen: Automatisierte Pr\u00fcfungen erfassen in der Regel einen signifikanten Teil der technisch pr\u00fcfbaren Barrierefreiheitskriterien, k\u00f6nnen aber nicht alle Aspekte abdecken. Aspekte wie die inhaltliche Verst\u00e4ndlichkeit, die korrekte Tastaturnavigation oder die tats\u00e4chliche Nutzbarkeit mit Screenreadern erfordern erg\u00e4nzende manuelle Tests. Ein vollst\u00e4ndiges Accessibility-Audit kombiniert daher automatisierte Scans mit manuellen Pr\u00fcfschritten.<\/p>\n<p>Dennoch bietet die Automatisierung erhebliche Vorteile: Hunderte von Unterseiten lassen sich in kurzer Zeit pr\u00fcfen, \u00c4nderungen auf der Website werden automatisch erkannt und gemeldet, und die Ergebnisse werden in strukturierten Reports dokumentiert, die direkt mit Kunden oder internen Teams geteilt werden k\u00f6nnen.<\/p>\n<h2>So unterst\u00fctzt decareto beim Barrierefreiheits-Audit f\u00fcr mobile Websites<\/h2>\n<p>Wir bei decareto bieten eine spezialisierte Plattform, die Barrierefreiheits-Audits f\u00fcr Websites einschlie\u00dflich mobiler Ansichten automatisiert und strukturiert durchf\u00fchrt. Unsere Software unterst\u00fctzt Agenturen, Datenschutzbeauftragte und Compliance-Teams dabei, den Pr\u00fcfaufwand deutlich zu reduzieren und Ergebnisse nachvollziehbar zu dokumentieren.<\/p>\n<p>Konkret bietet decareto f\u00fcr mobile Barrierefreiheits-Audits folgende Funktionen:<\/p>\n<ul>\n<li><strong>Automatisierte Scans nach WCAG 2.1\/2.2, BITV und BFSG:<\/strong> Wir pr\u00fcfen Websites seiten\u00fcbergreifend auf alle automatisiert pr\u00fcfbaren Kriterien und liefern konsistente Ergebnisse.<\/li>\n<li><strong>Priorisierung nach Schweregrad:<\/strong> Gefundene Probleme werden als kritisch, schwerwiegend, mittel oder geringf\u00fcgig eingestuft, damit Sie wissen, wo sofortiger Handlungsbedarf besteht.<\/li>\n<li><strong>Kontinuierliches Monitoring:<\/strong> Hunderte Websites lassen sich dauerhaft \u00fcberwachen, bei \u00c4nderungen erhalten Sie automatische Benachrichtigungen.<\/li>\n<li><strong>Manuelle Problemerfassung:<\/strong> Erg\u00e4nzend zu automatisierten Scans k\u00f6nnen manuell identifizierte Barrieren direkt im Tool erfasst und dem Report hinzugef\u00fcgt werden.<\/li>\n<li><strong>Teilbare Reports und Whitelabel:<\/strong> Reports lassen sich direkt mit Kunden teilen oder unter eigenem Logo ausliefern, inklusive der gesetzlich geforderten Barrierefreiheitserkl\u00e4rung.<\/li>\n<li><strong>Kombination mit Datenschutz-Audits:<\/strong> Wir pr\u00fcfen Datenschutz und Barrierefreiheit in einer Plattform, was besonders f\u00fcr externe Datenschutzbeauftragte und Agenturen effizient ist.<\/li>\n<\/ul>\n<p>Starten Sie jetzt mit einem <a href=\"https:\/\/decareto.com\/de\/barrierefreiheit\/test-tool\/\">kostenlosen Barrierefreiheits-Test<\/a> und verschaffen Sie sich einen ersten \u00dcberblick \u00fcber den Accessibility-Stand Ihrer Website. Oder <a href=\"https:\/\/decareto.com\/de\/signup\/\">registrieren Sie sich direkt<\/a>, um Ihre Websites dauerhaft zu \u00fcberwachen und Ihre Kunden rechtssicher zu unterst\u00fctzen.<\/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>Mobile Barrierefreiheits-Audit: Was gepr\u00fcft wird, welche WCAG-Kriterien gelten und wie das BFSG Unternehmen ab 2025 verpflichtet.<\/p>\n","protected":false},"author":6,"featured_media":9492,"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-9263","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\/9263","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=9263"}],"version-history":[{"count":1,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/posts\/9263\/revisions"}],"predecessor-version":[{"id":9380,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/posts\/9263\/revisions\/9380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/media\/9492"}],"wp:attachment":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/media?parent=9263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/categories?post=9263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/tags?post=9263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}