2013-03-27 1 views
1

L'une des exigences de l'article 508 est que les pages soient lisibles sans feuilles de style:accessibilité Google Maps 508 sans styles

§ 1194.22 (d) Les documents doivent être organisés de sorte qu'ils sont lisibles sans nécessiter une feuille de style associée.

Nous sommes actuellement confrontés à un problème où Google Maps ne fonctionne pas sans les styles activés (allez figure). Toutes les différentes parties de la carte s'impriment dans l'ordre sans aucune signification. J'ai joint un exemple d'image ci-dessous.

Y a-t-il un moyen facile de gérer cela? La seule chose que je peux penser est d'utiliser JavaScript pour tester si CSS est désactivé (une chose terrible à faire, je sais, je sais), puis supprimez la carte div et le remplacer par un static map qui montre le même contenu. (Si JavaScript est désactivé aussi, c'est un point discutable car la carte ne sera même pas chargée.) Évidemment, la carte statique n'incorpore pas toutes les mêmes fonctionnalités (zoom, panoramique, etc.), mais elle fournit une page lisible. Donc:

  • Existe-t-il un autre moyen de rendre compatible Google Maps 508 en ce qui concerne les styles désactivés?
  • Sinon, comment procéder pour tester si CSS est désactivé pour effectuer le correctif décrit ci-dessus?

carte Exemple sans styles: Google Maps with stylesheets disabled

+0

En ce qui concerne la désactivation de CSS, j'ai compris comment procéder. Voir mon commentaire sur [cet autre post] (http://stackoverflow.com/questions/4758805/detecting-when-styles-disabled/15663223#15663223). –

+0

L'information est-elle perceptible par un utilisateur aveugle ou toute personne avec ou sans CSS, JS et images?C'est un sujet difficile car vous ne voulez généralement pas reproduire dans le texte l'intégralité d'une carte ^^ mais juste une adresse exacte, "c'est par ici", peut-être le transport public le plus proche, comment s'y rendre en voiture, train, avion et bus, etc – FelipeAls

Répondre

1

gmaps pour les entreprises ne propose pas cette option: https://developers.google.com/maps/documentation/business/accessibility
ce lien est à google maps pour les entreprises, que je suppose que vous n'utilisez pas, mais son les seules cartes api lien sous les politiques a11y: http://www.google.com/accessibility/policy/
il ya Google Earth, mais ce n'est pas ce que vous voulez, je ne pense pas. c'est collant, et pas la meilleure pratique, mais vous devez faire ce que vous devez faire ... puisque vous pouvez détecter quand css est éteint, j'exécuterais cette fonction d'abord sur le chargement de la page, si c'est, servir gmaps avec un statique image carte de secours, si ce n'est pas, seulement servir la carte statique. J'ai écrit un post sur l'utilisation d'images statiques comme des solutions de rechange, que vous pouvez utiliser. NOTE: ceci n'inclut pas la totalité de la fonctionnalité que je viens de mentionner, il suffit de charger gmaps avec le repli d'image statique: http://bowdenweb.com/wp/2011/05/optimize-google-maps.html

+0

Ouais. Le problème dans ce cas est que tout le site est construit autour de la fonctionnalité de recherche interactive sur la carte, donc fournir simplement une seule carte statique sur la page n'aide pas beaucoup car je devrais répliquer toute la fonctionnalité de recherche en utilisant l'API des cartes statiques ... ce qui semble être beaucoup de travail pour simplement supporter CSS désactivé. Et bien. –

+0

personne n'a dit a11y/section 508 était facile. Je ne suis pas impoli, je vous entends totalement. peut-être que si css est désactivé, js crée-t-il des liens de pages séparés pour chaque fonction de recherche? idk si cela a du sens/est faisable. Je veux dire que si vous faites entièrement 508, vous devriez fournir un texte qui explique la fonctionnalité du (des) script (s). alors peut-être pourriez-vous envelopper ces éléments d'ancrage. touchez l'homme d'appel. – albert

2

La norme que vous pointez est principalement pour le contenu statique. Comme une carte Google est hautement scriptée, vous devez faire appel aux standards dans 1194.21 - Applications logicielles, et avoir une étiquette <noscript> en suivant la carte en disant quelque chose comme "Google map montrant Une version accessible est à _ __."

Ensuite, lors du test de la carte, il est probable qu'elle ne soit pas conforme. Vous devez donc demander une exception de facilitation équivalente pour la carte au coordinateur Section 508 de l'agence. Cela vous permet de diffuser une carte Google, mais vous fournissez une méthode équivalente pour obtenir l'information. Si la méthode statique indiquée par Albert est acceptable, un lien vers celle-ci doit être placé à proximité de celui de Google.

+0

Source d'information: Moi, c'est mon travail –

Questions connexes