Karten barrierefrei gestaltenkarten verbessert v2

00:00:00: So, herzlich willkommen zu einem neuen Podcast zur digitalen Barrierefreiheit.

00:00:04: Heute geht es um das Thema interaktive Kartendienste und wie man sie barrierefreie gestalten kann.

00:00:14: Interaktive Karten spielen ja eine zunehmende wichtige Rolle.

00:00:18: Es gibt ja die einfachen Kartenausschnitte wo man vielleicht nur einen Alternativtext braucht.

00:00:23: Aber heute sind ja häufig interaktive Karten eingebunden wo zum Beispiel die Shops oder die Liste der Shops, die man anbietet, gezeigt werden.

00:00:34: Die Standorte und solche Dinge also weniger die einfache Wegbeschreibung sondern wirklich komplexe Informationen.

00:00:42: Oder wenn wir an den Verkehrsservice denken, an Bus und Bahn dann werden ja häufig auch Routen angezeigt mit den Bahnen und Busselpäern fahren kann.

00:00:55: Und da ist es natürlich sinnvoll, dass die bei ihrer Freis sind.

00:01:00: Generell sind Karten ein tolles Mittel zum Beispiel heutzutage durch Google Maps und ähnliche Dinge auch sehr stark daran bewöhnt sind, Karten zu benutzen Und für Sehende ist es dann tatsächlich eine gute Übersicht.

00:01:16: Da kann man einfach sehen, okay da gibt es so viele Haltestellen in der Nähe.

00:01:21: die befinden sich da und das heißt dass sind durchaus hier freiche Informationen für sehende.

00:01:27: Für blinden Menschen muss man sagen kann man Karten nur eingeschränkt barrierefrei machen.

00:01:36: Das hat einfach mit dieser Form zu tun in der Karten präsentiert werden.

00:01:41: Blinde Menschen orientieren sich ja immer linear, das heißt sie kriegen eine Information nach der anderen vorgewiesen.

00:01:48: Das heisst es gibt kein hoche Total und Vertikal wie es bei Karten der Fall ist.

00:01:54: also seine zweitimensionale Orientierung ist für blinde Menschen schwierig und dass kann man im Kartenform auch relativ schlecht umsetzen.

00:02:04: aber darauf werde ich noch in Detail ein bisschen genauer eingehen.

00:02:09: Generell muss man erst einmal die visuelle Zugänglichkeit beachten.

00:02:14: Das heißt, ein ausreichend hoher Kontrast für nicht grafische Elemente.

00:02:21: Also was gibt es für Straßen?

00:02:22: Für Points of Interest also für Bushaltestellen, Filialen und was es da alles gibt.

00:02:30: Muss einen ausreichenden Kontrast zum Hintergrund von drei zu eins bestehen.

00:02:37: Und für Textoffkarten, das heißt wenn dann der Straßenname dasteht oder der Name der Bushaltestelle und solche Dinge.

00:02:46: Dann muss der Mindestkontrast von vier Komma fünf zu eins eingehalten werden.

00:02:53: Hier kann man es gut erreichen.

00:02:55: Die beste Möglichkeit ist ja weil die Standarddienste wie OpenStreetMap oder Google Maps haben deutlich geringere Kontraste.

00:03:04: in der Regel.

00:03:06: Man kann das mit einem Modus, mit einem Hochvertragsmodus erreichen.

00:03:13: Das heißt ich drücke einen Button und dann kriege ich vielleicht eine vereinfachte Darstellung der Karte mit paar weniger Details.

00:03:20: D.h.,

00:03:20: da sind Details weg die jetzt im Kontext der Karten uninteressant sind.

00:03:25: Irgendwelche Parks interessieren mich vielleicht gerade nicht, sondern die Details eines Parks interessiert mich vielleicht nicht, wenn ich gerade nach dem Bus suche Und dann kann ich diesen Bindeskontrast auf jeden Fall sicherstellen.

00:03:40: Das heißt, ich benutze eine Möglichkeit, eine kontrastreiche Ansicht zu aktivieren für die Leute, die es brauchen und ja sie sollte natürlich auch idealerweise unter verschiedenen Umständen funktionieren.

00:03:55: zum Beispiel wenn ich was da viele Karten haben ist das so Ich glaube, man nennt es sich Dark Mode sondern Night Mode.

00:04:02: Also wenn man im Dunkel unterwegs ist dann wird die Karte ja anders gesagt gestellt als wenn man in dem Helden unterwegs ist weil man sonst total geblendet wäre und das sollte natürlich trotzdem die Kontraste gut funktionieren.

00:04:14: Das nächste Thema sind die sogenannten Marker wie ich auf die Karten setze.

00:04:18: Das sind halt die Points of Interest die jeweils für die karte interessant sind also zum Beispiel Bushaltestellen, Disso-EPNV Taxistände Filialen und was da auch immer interessant ist.

00:04:34: Und hier sollte ich nicht nur Farbe verwenden als einiges Merkmal, sondern wirklich ja auch ein Symbol zum Beispiel H für Bushaltestelle U für U-Bahn S für Straßenbahn usw.

00:04:46: Ich weiß ehrlich gesagt nicht was dafür Symbole verwendet werden Aber hier ein Buchstaben-Hilfsaufschwung oder vielleicht einen Icon, was er einfach sagt.

00:04:56: Okay Bus für Bushaltestelle und der Bahn für die Bahnhalteställe das müsste in der Regel ausreichend sein.

00:05:06: Und natürlich sollten sich die Marker ausreicht gut vom Hintergrund abheben.

00:05:12: Das heißt die typischen Corporate Designfarben.

00:05:16: dann hält es blau oder grün.

00:05:18: Eine andere Farbe ist wahrscheinlich nicht ausreichend, sondern da muss ich wirklich gucken dass sich eine ausreichende kontrastreiche Farbe dafür verwenden.

00:05:32: Ein wichtiger Aspekt bei der Kartensteuerung ist das sich immer auch die Tastaturbedienbarkeit insbesondere auf dem Desktop mitdenken muss.

00:05:45: Das heißt, die Karte sollte vollständig per Testatur bedienbar sein.

00:05:49: Das ist ein bisschen schwer vorstellbar für Leute, die eine Maus oder Cutscreen verwenden.

00:05:54: aber man muss die Karten halt so anlegen dass man suchen kann zum Beispiel mit den Tasten plus und minus und das man auch die karte bewegen kann mit den Falltasten also schwenkeln links rechts oben unten damit man auch ohne eine maus benutzen müssen, die Karte dann auch entsprechend bedienen kann.

00:06:18: Und das sollte man auch immer eine Möglichkeit anbieten, dass man sozusagen zum Zentrum zurückkehrt.

00:06:23: Das heißt wenn man sich irgendwie auf der Karte verirrt hat und keine Ahnung hat wo man gelandet ist meistens wird ja wirklich die gesamte Stadt oder so was dargestellt oder da es gesamte Landwippen soweit rausholt.

00:06:36: Da sollte man natürlich immer die Möglichkeit haben wieder zum Ausgangspunkt zurückzukehren um sich neu zu orientieren.

00:06:44: Und das Gleiche gilt dann entsprechend auch für Smartphones, also für native Apps und ja auch für mobile Websites.

00:06:55: Dass ich da die Möglichkeit habe, die Karte zu steuern dort nicht nur über die Tastatur, aber auch über integrierte Elemente.

00:07:09: Das heisst im Kern, dass ich dann Icons, War oder Buttons benötige mit denen ich in die Karte reisen umkomme, per Plus und Minus.

00:07:16: Und halt dieses typische, diese typischen Feide.

00:07:20: halt dann für die Verschiebung also für das Schwenken des Kartenausschnitts damit sich mich innerhalb der Karte bewegen kann und rein und draußen umkommt.

00:07:32: Das sind tatsächlich Must-Help Kriterien.

00:07:34: Also daran führt kein Mikro bei Und auch der Hochkantrast-Modus ist eigentlich ein Must-Have.

00:07:43: Ich bin mir nicht sicher, welche Kartendienste sowas tatsächlich anbieten.

00:07:48: Bei Ruby Maps habe ich es bisher nicht gesehen oder ob das Readmap aber vielleicht ist es auch da und ich hab's einfach nicht gefunden.

00:07:57: Aber man muss es auf jeden Fall versuchen anzubieten wenn der Karten die solche Funktionalitäten beseitigstellt.

00:08:07: Wenn das nicht der Fall ist, dann muss man gucken ob man mit den Karten Anbieter in Kontakt kommt.

00:08:14: Ich weiß nicht ob es außer Google Maps und OpenStreetMap noch große Anbiete gibt keine Ahnung.

00:08:21: Aber da muss man halt mit den Kontakt treten und sich auch bitten dass sie solche Funktionalitäten implementieren.

00:08:27: Ein weiterer Wichtiges Aspekt ist auch das überspringende Karte vor allem im Desktop Bereich.

00:08:33: Das ist für Screenreader Nutzende, also verblindete Personen wichtig, die die Karte einfach nicht benutzen wollen.

00:08:39: Das Problem ist dass die Karten manchmal sich etwas wertvollig verhalten, das man tatsächlich reingehen kann in die Kante und dann ganz kritische Ansagen bekommt und irgendwie nicht mehr schafft aus der Karte herauszukommen.

00:08:54: Das hängt vielleicht auch von der Art of Technic Line-Bendung ab.

00:08:57: Das habe ich nur nicht so ganz herausgefunden.

00:09:00: Aber da Karten in der Regel für blinde Menschen nicht nutzbar sind, weil sie entweder nicht sehen können oder nichts genügend Details erkennen können ist es immer eine gute Idee wenn man solche Karten überspringen kann.

00:09:16: Eine Sache habe ich zur Tastaturbedienung vergessen.

00:09:19: natürlich müssen auch die Icons per also die die die Elemente dieser Points of Interest bzw diese Bode müssen per Tastatur erreichbar sein.

00:09:34: Weil da ja häufig Informationen drinstecken, so was wie die exakte Adresse oder halt Besonderheiten irgendwelche weiteren Infos wo ich die auch für Tastaturnutzende zugänglich machen muss und da muss sich gucken dass ich diese Points of Interest wirklich zugängliche mache.

00:09:57: Das heißt, dass ich diese Information als Tooltap zum Beispiel wenn ich sie fokussiere per Tab dann auch zugänglich machen kann.

00:10:06: Ein wichtiger Aspekt ist auch die Erklärung von Legenden.

00:10:11: Ich habe bisher noch relativ wenig Karten jetzt so funktionale Karten mit Legenden gesehen.

00:10:17: aber wenn es das gibt natürlich also irgendwie ein ein rotes Rechtegg für, weiß ich nicht was für eine Bank und ein grünes Recht-Egg für einen Kaffee oder so.

00:10:31: Dann muss man diese Legenden auch erklären.

00:10:36: also keine Information rein über Farbe und auch nicht rein über Form.

00:10:42: das ist ja auch eine Barrierefreiheitsanforderung dass es im Kriterium sensorische Informationen zu finden Das heißt Farbe und Form sind nicht die einzigen Hinweise darauf, was ein Element ist.

00:10:55: Und wenn ich eine Legende verwende dann erst recht nicht.

00:10:58: da muss sich wirklich gucken dass ich die Information so einbinde das sie auch für Leute die vielleicht keine Formen sauber erkennen können oder keine Farben erkennen können auch zu gewiss sind.

00:11:11: Dann gibt es noch die Anforderung der Mindestgröße von Elementen.

00:11:15: Auch das gilt für Karten.

00:11:17: Das ist ja mit der WCRG-II eingeführt worden, die Touch Target Sizes.

00:11:23: Das sagt so viel wie das alle anklickbaren Elementen, also zum Beispiel diese Points of Interest oder Marker, wie auch immer man das nennen möchte, dass sie mittels als vierzehnmal vierzwanzig Pixel groß sein müssen oder dass hier entsprechend viele Abstand zwischen einander haben sollten.

00:11:43: Das heißt, man muss die Karte wahrscheinlich auch von vornherein so auslegen, dass diese Marker mindestens vierundzwanzig mal vierund zwanzig Pixel groß sein können.

00:11:54: Wichtig ist in dem Fall auch wirklich unbedingt zu gucken das man es mit dem Screenreader testet weil wie gesagt diese Art der Einbindung ist vielleicht ganz entscheidend wie gut es funktioniert.

00:12:08: also Wie gesagt, ich glaube nicht dass man Karten mit Screenreadern wirklich gut zugänglich machen kann.

00:12:16: Kann mir da einfach keine gute Möglichkeit vorstellen.

00:12:19: Das heißt aber nicht das ich in dieser Karte stecken bleiben möchte sondern ihr müsst einfach testen.

00:12:25: komme ich mit dem Screenreader über die Karte weg bewerke ich was es ist also höre ich dass es eine Karte ist Und dass ich die Möglichkeit habe, da wieder rauszukommen aus diesem Container und jetzt dreißigmal auf Tab zu drücken oder sowas.

00:12:40: Das wäre extrem wichtig, dass man das testet und zwar wieder auf Desktop für klassische Websites und für native Apps.

00:12:49: Kommen wir zur letzten Aspekt.

00:12:51: Last but not least vielleicht leider der wichtigsten Aspekte überhaupt nämlich die Alternative.

00:12:58: Eine Alternative zu einer Karte ist Alter, das fließt los.

00:13:03: Das schlechte Wort wüsste ich meister.

00:13:07: Ich konnte jetzt nicht wieder stehen!

00:13:09: Das Problem bei Karten, das habe ich ja schon ganz am Anfang gesagt ist... ...ich kann sie nicht vernünftig für Screenwieder zugänglich machen.

00:13:17: Ich kann irgendwie die Pause auf Interest vielleicht untappbar machen aber das heißt immer noch nicht dass sich die Straßen oder die Straßenverhältnisse zueinander richtig zugänglich habe für mich und es gibt ja auch Personen, die die Karten einfach zu komplex sind.

00:13:35: Weil da zu viele Informationen sind oder weil die Informationen zu schlecht grafisch konjunkt sind.

00:13:42: Für jemanden der vielleicht mit Karten keine Erfahrung hat.

00:13:46: Das heißt ich muss zwingend eine Alternative bereit werden.

00:13:50: auf meiner Sicht die beste Möglichkeit ist wirklich so ein Tab.

00:13:53: So dass man sagt ich hab zwei Tabs einen Tab für die Karte Alternative.

00:13:59: Das kann eine Tabelle sein mit einer Liste der Points of Interest, das kann eine Liste sein, ein unordered List könnte es sein.

00:14:12: Es könnte aber auch wenn ich mehr oder zahlreiche Einträge habe, könnte es auch eine Datenbank sein oder die Suchfunktion sein wo man sagt Ich wohne in der Kützstraße, Dreiundzwanzig in Tüftdreien, Zwei-Donnen-Bohnen und dann alle Points of Interest in der Nähe angezeigt oder alle Filialen.

00:14:38: Bei einem Parkesbetrieb wäre es wahrscheinlich eher die Fahrt ausgehobt also die ganz normale Suche nach den Trecken.

00:14:48: Die gibt es ja in der Regel auch.

00:14:49: Die Karte ist der Ergänzung, von dem hat man da auch eine doppelte Quartierung der Informationen einmal als Text, einmal als Karte.

00:14:56: und da braucht man eigentlich systematisch zu tun weil die Strecke Info hast man ja.

00:15:02: Von dem her, das klappt eigentlich ganz gut.

00:15:06: Also die Alternative muss wirklich die Äquivalenz sein.

00:15:09: Die muss die gleichen Basisinformationen bereitstellen.

00:15:15: Ich weiß nicht, ob man unbedingt so eine Routenfunktion braucht.

00:15:18: Das reicht ja wenn man da Google Maps oder Upsflitmap oder so etwas nutzt oder Apple Maps natürlich.

00:15:24: Wenn man auf Apple unterwegs ist... Da kriegt man ja eine Navigations- und sozusagen Freihaus.

00:15:30: Vielleicht kann man die Infos einfach weitergeben an diesen Karten, die es durchreichen.

00:15:35: Das weiß ich nicht, dass man das technisch kann bei Apple.

00:15:39: Bei Google geht's glaube ich und dann lässt man sich einfach von der normalen Navigation selbst dahinter debilieren, wenn man mit dem Smartphone gerade unterwegs ist.

00:15:50: So das war's für heute!

00:15:51: Ich hoffe ihr konntet einige Informationen mitnehmen und würde mich freuen, wenn ihr das nächste Mal wieder einschaltet.

00:15:59: Bis bald.