Barrierefreiheitsprobleme bei eingebetteten Karten entstehen typischerweise dort, wo interaktive Elemente weder per Tastatur bedienbar noch f\u00fcr Screenreader lesbar sind. Google Maps, OpenStreetMap und \u00e4hnliche Kartendienste werden meist als iFrame eingebunden und bringen von Haus aus eine Reihe technischer Schwachstellen mit, die Nutzerinnen und Nutzer mit Behinderungen ausschlie\u00dfen k\u00f6nnen. Dieser Artikel beantwortet die wichtigsten Fragen rund um das Thema Barrierefreiheit bei eingebetteten Karten und zeigt, wie Sie Probleme erkennen, testen und beheben.<\/p>\n
Die h\u00e4ufigsten Barrierefreiheitsprobleme bei eingebetteten Karten sind fehlende Alternativtexte, mangelnde Tastaturbedienbarkeit, unzureichende Farbkontraste und fehlende ARIA-Beschriftungen. Da Kartendienste meist als iFrame eingebunden werden, fehlen dem \u00e4u\u00dferen HTML-Dokument oft alle semantischen Informationen, die Screenreader ben\u00f6tigen, um den Inhalt sinnvoll vorzulesen.<\/p>\n
Im Einzelnen treten folgende Probleme besonders h\u00e4ufig auf:<\/p>\n
Diese Probleme betreffen nicht nur Menschen mit dauerhaften Behinderungen. Auch Personen, die in einer hellen Umgebung arbeiten oder vor\u00fcbergehend eine motorische Einschr\u00e4nkung haben, sind davon betroffen.<\/p>\n
F\u00fcr eingebettete Karten sind vor allem die WCAG-Erfolgskriterien 1.1.1 (Nicht-Text-Inhalt), 2.1.1 (Tastatur), 2.1.2 (Keine Tastaturfalle), 1.4.3 (Kontrast) und 4.1.2 (Name, Rolle, Wert) relevant. Diese Kriterien decken die zentralen technischen Anforderungen ab, die eine eingebettete Karte erf\u00fcllen muss, um WCAG 2.2 Level AA zu bestehen.<\/p>\n
Im Detail bedeutet das:<\/p>\n
Die WCAG liegen aktuell in Version 2.2 vor und bilden die Grundlage sowohl f\u00fcr das deutsche Barrierefreiheitsst\u00e4rkungsgesetz (BFSG) als auch f\u00fcr die BITV-Pr\u00fcfung. Wer eine Barrierefreiheitspr\u00fcfung seiner Website<\/a> durchf\u00fchrt, sollte diese Kriterien gezielt f\u00fcr eingebettete Karteninhalte ber\u00fccksichtigen.<\/p>\n Eingebettete Karten lassen sich manuell testen, indem Sie die Tastaturnavigation pr\u00fcfen, den iFrame-Titel im Quellcode kontrollieren, einen Screenreader aktivieren und die Farbkontraste visuell sowie mit einem Kontrastwerkzeug bewerten. Manuelle Tests sind bei Karten besonders wichtig, weil automatisierte Scanner nur einen Teil der Probleme erkennen k\u00f6nnen.<\/p>\n Gehen Sie dabei in folgenden Schritten vor:<\/p>\n Manuelle Tests dieser Art lassen sich mit automatisierten Scans kombinieren, um ein vollst\u00e4ndigeres Bild zu erhalten. Da Sch\u00e4tzungen davon ausgehen, dass automatisierte Tests nur etwa 30 bis 50 Prozent aller Barrierefreiheitsprobleme abdecken, ist der manuelle Test bei komplexen Elementen wie Karten besonders wertvoll.<\/p>\n Automatisierte Accessibility-Scanner k\u00f6nnen bei eingebetteten Karten technische HTML-Fehler erkennen, etwa fehlende iFrame-Titel, unzureichende Farbkontraste und fehlende ARIA-Attribute. Sie k\u00f6nnen jedoch nicht beurteilen, ob die Karte inhaltlich sinnvoll beschriftet ist, ob die Tastaturbedienbarkeit tats\u00e4chlich funktioniert oder ob der Fokus korrekt verwaltet wird.<\/p>\n Ein automatisierter Accessibility-Scanner analysiert den HTML-Code der Seite und kann dabei folgende kartenspezifische Probleme identifizieren:<\/p>\n Folgende Aspekte entziehen sich der automatisierten Pr\u00fcfung und m\u00fcssen manuell getestet werden:<\/p>\n F\u00fcr einen vollst\u00e4ndigen Accessibility-Test einer Website empfiehlt sich daher immer eine Kombination aus automatisiertem Scan und manueller Pr\u00fcfung. Automatisierte Tests sind trotzdem sinnvoll, um mit geringem Aufwand eine erste Einsch\u00e4tzung zu erhalten und offensichtliche technische Fehler schnell zu finden.<\/p>\n Barrierefreie Alternativen zu eingebetteten Karten sind textuelle Adressangaben mit Wegbeschreibung, statische Kartenbilder mit Alternativtext sowie zug\u00e4ngliche interaktive Karten auf Basis von Bibliotheken wie Leaflet.js, die sich gezielt barrierefrei konfigurieren lassen.<\/p>\n Die Wahl der Alternative h\u00e4ngt davon ab, welche Funktion die Karte auf Ihrer Website erf\u00fcllt:<\/p>\n Keine dieser Alternativen garantiert automatisch vollst\u00e4ndige Barrierefreiheit. Auch eine selbst eingebundene Leaflet-Karte muss sorgf\u00e4ltig auf Tastaturbedienbarkeit und Screenreader-Kompatibilit\u00e4t gepr\u00fcft werden.<\/p>\n Eine eingebettete Karte erf\u00fcllt die Anforderungen des Barrierefreiheitsst\u00e4rkungsgesetzes (BFSG), wenn sie die relevanten WCAG-2.2-Level-AA-Erfolgskriterien besteht, insbesondere hinsichtlich Tastaturbedienbarkeit, Alternativtexten, Farbkontrasten und ARIA-Beschriftungen. Zus\u00e4tzlich muss die Karte in der Barrierefreiheitserkl\u00e4rung der Website korrekt dokumentiert sein.<\/p>\n Das BFSG gilt ab 2025 f\u00fcr viele private Anbieter digitaler Produkte und Dienstleistungen und verweist auf die WCAG als technischen Standard. F\u00fcr eingebettete Karten bedeutet das konkret:<\/p>\n Wichtig: Das Bestehen eines automatisierten Scans bedeutet nicht, dass eine Karte alle BFSG-Anforderungen erf\u00fcllt. Automatisierte Tests decken typischerweise nur einen Teil der relevanten Kriterien ab. Eine abschlie\u00dfende rechtliche Bewertung sollte durch qualifizierte Fachleute erfolgen. F\u00fcr eine strukturierte \u00dcberpr\u00fcfung empfiehlt sich eine BITV-Pr\u00fcfung<\/a>, die sowohl automatisierte als auch manuelle Testmethoden kombiniert.<\/p>\n Wir bei decareto haben eine Accessibility-Software entwickelt, die Websites automatisiert auf Barrierefreiheitsprobleme scannt und dabei auch Schwachstellen bei eingebetteten Elementen wie Karten identifiziert. Unsere Plattform hilft Ihnen, Probleme strukturiert zu erkennen, zu priorisieren und zu beheben:<\/p>\nWie kann man eingebettete Karten manuell auf Barrierefreiheit testen?<\/h2>\n
\n
Was k\u00f6nnen automatisierte Accessibility-Scanner bei Karten erkennen, und was nicht?<\/h2>\n
Was automatisierte Scanner erkennen<\/h3>\n
\n
Was nur manuell erkennbar ist<\/h3>\n
\n
Welche barrierefreien Alternativen zu eingebetteten Karten gibt es?<\/h2>\n
\n
Wann erf\u00fcllt eine eingebettete Karte die Anforderungen des BFSG?<\/h2>\n
\n
So unterst\u00fctzt decareto Sie bei der Barrierefreiheitspr\u00fcfung von Websites<\/h2>\n
\n