Přístupnost vložených map – Jak na přístupnost

Sekci věnovanou kontaktním informacím najdeme na mnoha webových stránkách, oblíbené jsou pak zde zejména vložené prostorové mapy zasazující sídla společností, poboček, pracoven či jiných entit do přilehlého okolí, usnadňující vidícím uživatelům nalezení daného sídla. Mapy jsou ze své podstaty pochopitelně výrazně grafická záležitost, kterou zejména těžce zrakově postiženým plnohodnotně zpřístupníme jen s obtížemi. Je-li mapa interaktivní, může její ovládání představovat překážku i vidícím uživatelům s motorickým postižením. Přesto dodržením několika jednoduchých pravidel můžeme tyto překážky přinejmenším zmírnit nebo zaručit, že mapa nebude stát v cestě při práci s okolním obsahem.

Přístupné alternativy k vloženým mapám

Vložené mapy by měly být doplněny o co možná nejvíce přístupnou alternativu, kterou doporučujeme realizovat následovně:

Kromě vložené mapy by se na stránce měla vyskytovat kompletní adresa také čistě v textové podobě. Především zrakově postiženým uživatelům tím usnadníme práci s adresou v jimi oblíbené aplikaci po jejím vykopírování. Například mohou adresu zadat do jimi oblíbeného a přístupného vyhledávače spojení.
Těžce zrakově postižení dále jistě ocení, jestliže textové adresní informace doplníte i o podrobný popis trasy k danému sídlu. Takový profesionální popis trasy je možné získat například od Navigačního centra SONS. Vhodné je uvést popis trasy od veřejné dopravy a také nejbližší přístupné parkovací stání.
Textová adresa by se měla v kódu nacházet před vloženou mapou, aby na ni zrakově postižený uživatel odečítače obrazovky, který stránku předčítá v pořadí odpovídajícím pořadí ve zdrojovém kódu, narazil dříve než na jemu nepřístupnou mapu.
Jak textová adresa, tak vložená mapa a obsah za ní by měly být uvozeny sémantickými HTML elementy <h2> až <h6> značícími nadpisy. Odečítače obrazovky používané zrakově postiženými uživateli jim totiž umožňují skákání po těchto nadpisech, takže se budou moci snadněji dostat rovnou na textovou adresu, která je zajímá, nebo naopak přeskočit vloženou mapu.

Opatření pro zpřístupnění samotné mapy

Lepší je vložená interaktivní mapa než jen její statický obrázek. Umožníme tím vidícím uživatelům práci s mapou rovnou na našich stránkách.
Před vloženou mapou by se měl nacházet odkaz pro její přeskočení na obsah nacházející se bezprostředně za ní, tzv. skip link. Důvodem je především to, že interaktivní mapy zpravidla obsahují mnoho tabulátorem zaměřitelných prvků, které by uživatel ovládající web výhradně pomocí klávesnice musel jinak pracně procházet, aby se dostal za mapu.
Pokud je to možné, tak by se vložená mapa měla nacházet až na konci stránky, aby uživateli používajícímu odečítač neunikl nějaký důležitý obsah, na který by se jinak musel pracně dostávat přes vloženou mapu.
Vloženou interaktivní mapu doporučujeme obalit do skupiny pojmenované pro odečítače čili do elementu<div aria-label="Mapa polohy sídla" role="group">, případně s jiným vhodným pojmenováním pomocí atributu aria-label. To proto, aby zrakově postiženým uživatelům jejich odečítač název této skupiny oznámil v momentě, kdy se kurzorem odečítače dostanou do vnitřku mapy.
Interaktivní mapa by měla být dobře ovladatelná pomocí klávesnice, měly by v ní být v pořádku kontrasty jak textů, tak netextového obsahu apod. Konkrétní a podrobnější požadavky na přístupnost pro designéry a vývojáře viz například dokument Accessibility Guide for Interactive Web Maps (PDF, 896 kB) vytvořený pro potřeby veřejného sektoru amerického státu Minnesota.

Doporučení poskytovatelé vložených map

V českém prostředí se pravděpodobně nejčastěji využívají Mapy Google a Mapy.com.

Mapy ze serveru Mapy Google

Vložené mapy ze serveru Mapy Google jsou dobře přístupné pomocí klávesnice, mj.:

přímo po vložené mapě se lze pohybovat pomocí tabulátoru (pohyb vpřed), resp. pomocí klávesové zkratky Shift + tabulátor (pohyb vzad);
přibližování a oddalování je možné realizovat stiskem klávesy Enter na tlačítkách „+“ (plus) a „-“ (minus) přímo v mapě, na něž se lze pohodlně dostat pomocí tabulátoru a stisku klávesy Enter na prvku „Ovládání kamery na mapě“ (tento prvek je označen ikonou pootočeného čtverce s přerušovaně vyznačenými stranami);
k posunu mapy do světových stran lze využít tlačítka šipek dostupná tamtéž.

Ve vložené mapě je možné si zobrazit klávesové zkratky.

Z této mapy lze pomocí klávesnice snadno přejít na zobrazení mapy v samostatné kartě webového prohlížeče, popř. využít přímý odkaz na vyhledávání trasy. Při vyhledávání je navíc možné zvolit bezbariérový přístup a díky tomu si naplánovat trasu tak, aby na sebe navazovaly bezbariérové spoje.

Další podrobnosti o klávesových zkratkách a postupech týkajících se plnohodnotného zobrazení mapy v samostatné kartě webového prohlížeče najdete na stránce Přístupnost v Mapách Google, která je součástí nápovědy k mapám.

Mapy ze serveru Mapy.com

Vložené mapy ze serveru Mapy.com jsou také poměrně dobře přístupné pomocí klávesnice, mj.:

po bodech v mapě se lze pohybovat pomocí tabulátoru (pohyb vpřed), resp. klávesové zkratky Shift + tabulátor (pohyb vzad);
k přibližování je ihned po vstupu do mapy prostřednictvím tabulátoru možné využít klávesu plus (+) a naopak k oddalování klávesu minus (-) (další možností je dojít tabulátorem na tlačítka „+“ (plus) a „-“ (minus) přímo v mapě a přibližování či oddalování následně realizovat pomocí klávesy Enter; nevýhodou je však skutečnost, že pomocí tabulátoru je nejprve třeba projít body v mapě a až pak lze dosáhnout těchto tlačítek);
k posunu mapy do světových stran lze využít šipky.

Možnost využít při zjišťování tras volbu bezbariérového přístupu nebyla zjištěna.

Obecné informace týkající se používání plnohodnotných map zobrazených v samostatné kartě webového prohlížeče jsou dostupné na stránkách Ovládání a funkcionality a Panorama, které jsou součástí nápovědy k mapám.

Funkční ukázka

Můžete využít příklad webové stránky s vloženými mapami od obou výše zmíněných poskytovatelů.

Doporučení

Jak vložené mapy pocházející ze serveru Mapy Google, tak vložené mapy mající svůj původ na serveru Mapy.com lze poměrně dobře ovládat pomocí klávesnice. Pohodlnější ovládání však aktuálně nabízejí vložené mapy ze serveru Mapy Google.

Autor: Adam Samec