D'après les échanges d'hier : 1/ Quel impact sur l'accessibilité et les critères de succès ? Mais au vu de vos échanges, aucun. De Victor B . : Quant aux critères susceptibles d'être impactés, je vois, entre autres, les 7.1, 7.2 (si l'on recourt au JavaScript pour émuler les media queries sous IE 8 et versions antérieures), 10.5, 10.6, 10.7, 10.13, 10.14, 10.15, 12.1, 12.2, 12.3, 12.6, 12.7, 12.11 (c'est là qu'on se dit que les liens d'évitement ne servent pas qu'aux utilisateurs victimes d'un handicap moteur ;-) [clin d'œil] ), 13.2, 13.3, 13.6, 13.7 et 13.8. Il est vrai qu'il s'agit davantage d'un problème d'ergonomie et d'expérience utilisateur que d'accessibilité. Cela dit, je me souviens que l'excellent site Access-Key a mis en ligne, il y a quatre ans, une vidéo évoquant l'accessibilité dans le domaine du Web mobile, avec une intervention de Dominique Hazaël-Massieux, le monsieur mobile du W3C : <http://unice.fr/access-key/videos/le-mobile-web>. ;-) [clin d'œil]
2/ Quel coût dans la chaine de production (ce process "unicité du web", pour reprendre l'argument de Victor, n'impacte pas plus le budget de production web qu'une version mobile "traditionnelle" ? De Philippe V. : Le Responsive Web Design a un énorme avantage : c'est une surcouche CSS3 qui demande 0 modification du code HTML ou du CMS. Il est bien plus économique qu'une version mobile du site (http://m.domain.com) et qu'une application (qui n'existera à tous les coups que sur iOs et Android en oubliant tous les autres). Et cela suffit dans 95% des cas, sauf quand on s'appelle Youtube ou autre application bien lourde ou très spécifique. Ou que l'on est un grand compte qui veut aussi cibler les mobiles, pas que les smartphones. Concrètement, Une feuille de styles de base pour le Web mobile de Raphaël Goetter permet d'adapter un site en quelques heures. Aude JOLY Chef de projet - Ingénieur en développement Experte TYPO3 - TYPO3 Certified Experte Accessiweb en évaluation E-Magineurs 33 quai Arloing (Bat C) 69009 Lyon Ligne directe : +33 4 82 53 25 00 Tel : +33 4 37 37 88 00 aj...@e-magineurs.com www.e-magineurs.com Dernières références Google maps -----Message d'origine----- De : liste_gta-boun...@list.accessiweb.org [mailto:liste_gta-boun...@list.accessiweb.org] De la part de samia.ramd...@free.fr Envoyé : jeudi 9 février 2012 13:35 À : liste gta Objet : Re: [Liste GTA] Re : Responsive web : qu'en pensez vous ? Bien contente de voir arriver une discussion sur le responsive design sur le groupe ! Je commence à m'y intéresser et je me posais quelques questions ? ? Samia Ramdani Consultante / AMOa collectivités ----- Mail original ----- De: "Victor Brito" <brito_vic...@yahoo.fr> À: "liste gta" <liste_gta@list.accessiweb.org> Envoyé: Mercredi 8 Février 2012 18:39:56 Objet: [Liste GTA] Re : Responsive web : qu'en pensez vous ? Le responsive Web design est une parfaite illustration de l'unicité du Web, pour ainsi dire : il y a divers supports de consultation, une kyrielle de façons de naviguer, mais un seul Web. ;-) [clin d'œil] Victor Brito Intégrateur XHTML / CSS – Expert Accessiweb en évaluation De : Carsten Meyer <carstenph...@gmail.com> À : liste_gta@list.accessiweb.org Envoyé le : Mercredi 8 février 2012 18h29 Objet : Re: [Liste GTA] Responsive web : qu'en pensez vous ? Re bonjour @Victor, tu as raison d'alerter sur le media handeld En effet le media handeld a été très peu utilisé vu son support aléatoire par les terminaux, il est donc déconseillé. Certains mobiles n'étaient considérés comme handeld et d'autres n'étaient ni handeld ni screen... bref quand on ne faisait pas de media queries on ne se fiait qu'à la détection du mobile côté serveur qui en fonction du modèle de mobile (si il était répertorié) nous donnait ses capacités (résolution, support wap ou html ou pas et javascript ou pas). Une époque que je ne regrette pas ! Sur les critères impactés, l'utilisation des media queries ne nous obligent pas d'ajouter du javascript pour gérer la présentation ni d'oublier les liens d'évitements, ni à transformer des listes en select donc à nous de garder les bonnes pratiques. Tous les sites ne se prêtent pas au responsive design mais si on peut le faire lors d'une refonte c'est un avantage important, comme l'a souligné Philipe Vayssière, en termes de maintenance et de structure: une page n'a qu'une seule url que ce soit pour le mobile ou le desktop, essentiel dans un web où on partage de plus en plus de liens. Merci pour les liens d'outils Carsten Le 8 février 2012 18:14, Florian Sommariva < floriansommar...@gmail.com > a écrit : Philipe Vayssière doit sûrement parler de cet outil http://www.benjaminkeen.com/misc/bricss/ (Vu la semaine dernière sur html5weekly) -- Cordialement, Florian Sommariva Le 8 février 2012 17:46, Philippe Vayssière < phili...@alsacreations.fr > a écrit : Le 08/02/2012 16:57, Matthieu Faure a écrit : > Si tu n'as pas 1280+ de résolution, tu peux simuler le comportement > avec un CTRL- (marche dans Firefox et Opera, pas Chrome). Il y a http://viewlike.us/ qui permet de tester dans des résolutions que notre écran n'atteindrait pas (testé en 1024px pour afficher bien plus grand, jamais sur mobile et je ne pense pas que ce soit fait pour ça). Un autre site (découvert via Sitepoint ou Smashing Magazine mais dont je n'ai plus l'adresse) permet d'afficher côte à côte le même site en largeurs "smartphone" et "desktop". On peut faire la même chose soi-même avec 2 iframe dont on fixe les largeurs (voir un exemple perso : http://vayssiere.fr/april/mobile/home/iframe_verif.html ) mais l'outil est plus sympa à utiliser ;) Ph. Vayssière -- alsacreations.com - alsacreations.fr _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org _______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
