Parmi les différents moyens de tenir compte des supports mobiles, l'adaptation
des CSS reste, effectivement, le moyen le moins coûteux, voire le plus rapide.
D'ailleurs, un autre expert Accessiweb, Éric Émery, a mis en place un site
intitulé Site 2 mobile, qui compare les coûts et les délais entre les
différentes solutions (adaptation CSS, « version mobile » dédiée, application)
:
<http://www.site-web-2-mobile.fr/solutions-sites-web-sur-mobile-tablette-and-co.html>
et
<http://www.site-web-2-mobile.fr/offres-sites-web-mobiles-tablettes-tv.html>.
Histoire de convaincre les sceptiques sur l'avantage de l'adaptation des CSS
par rapport à un site dédié ou à une application, dites-vous bien que personne
d'entre nous ne préconise de créer une « version accessible » distincte de la «
version normale » d'un site lorsqu'on doit le rendre accessible (bon nombre
d'entre nous doivent se souvenir du mauvais exemple en la matière du site du
ministère de la Justice lors de la formation Accessiweb).;-) [clin d'œil]Eh
ben, pour moi, nous devrions avoir le même état d'esprit lorsqu'il s'agit de
rendre un site consultable sur les supports mobiles.
Victor Brito
Intégrateur XHTML / CSS – Expert Accessiweb en évaluation
________________________________
De : Aude JOLY <aj...@e-magineurs.com>
À : liste_gta@list.accessiweb.org
Envoyé le : Jeudi 9 février 2012 14h48
Objet : Re: [Liste GTA] Re : Responsive web : qu'en pensez vous ?
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
_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
