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]
Mes respects, Matthieu, pour « responsive Tanaguru ». :-) [sourire]
Victor Brito
Intégrateur XHTML / CSS – Expert Accessiweb en évaluation
________________________________
De : Matthieu Faure <m...@open-s.com>
À : liste_gta@list.accessiweb.org
Envoyé le : Mercredi 8 février 2012 16h57
Objet : Re: [Liste GTA] Responsive web : qu'en pensez vous ?
Salut,
Ça c'est une discussion à avoir sur un comptoir ! :)
Responsive design c'est le gros mot à la mode pour dire "j'utilise des
media-queries en CS33"...
Ça me parait hors scope de nos critères d'accessibilité.
Par contre question ergonomie, je vois clairement un plus. Pour moi il
y a globalement 3 étapes pour le responsive-design:
1) gérer les petits écrans (téléphones/tablettes)
2) gérer les écrans "classiques"
3) gérer les écrans larges (résolution >1280px)
Et aussi l'option 4) gérer les "responsive images"
On a implémenté la gestion des grandes résolutions dans la dernière
version de Tanaguru. Pour le voir:
- <http://my.tanaguru.com/>,
- puis "Démo en ligne",
- puis en haut "Audit de pages (c'est là qu'on teste !)",
- puis à droite tu cliques sur "Audit détaillé" (n'importe lequel)
Sur la page de résultat d'audit, tu as la console (qui permet de filtrer
l'affichage et de faire des exports), qui par défaut est dans la page.
Si ta résolution est supérieure à 1280px, elle se place à droite,
utilisant l'espace vide jusqu'alors.
Si tu n'as pas 1280+ de résolution, tu peux simuler le comportement avec
un CTRL- (marche dans Firefox et Opera, pas Chrome).
On en a profité pour mettre la console en "fixed", ce qui te permet de
l'avoir tout le temps à portée de main, même quand tu fait défiler la
page. Perso, j'adore.
Après sur l'aspect pure accessibilité, je suis preneur d'avis
contradictoires :)
Matthieu
PS: Quelques copies d'écran
<http://www.flickr.com/photos/open-s/sets/72157629231631677/detail/>
On 08/02/2012 15:28, Aude JOLY wrote:
> Bonjour la liste,
>
> On entend de parler de plus en plus de « responsive web » :
> http://designmodo.com/responsive-design-examples/ .
>
> Ces nouvelles pratiques me semblent tout à fait intéressantes, puisque
> finalement elles permettent d’adapter la mise en forme de l’information
> au support pour faciliter la lecture…
>
> Mais…
>
> C’est du CSS3, donc pas vraiment inter-opérable… Beaucoup (d’anciens)
> navigateurs ne le gèrent pas… et question recommandations W3C … je ne
> sais pas où on en est vraiment ?
>
> Vous, qu’en pensez vous ? Est-ce plutôt un atout ou un handicap à
> l’Accessibilité ?
>
> Merci de vos avis
>
> Aude
>
> *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 <mailto:aj...@e-magineurs.com> _
> www.e-magineurs.com <http://www.e-magineurs.com/>
> Dernières références <http://www.calameo.com/read/000085683bd05c501294a>
>
> Google maps
> <http://maps.google.fr/maps?f=q&source=s_q&hl=fr&q=33+quai+Arloing&ie=UTF8&hq=&hnear=33+Quai+Arloing,+69009+Lyon,+Rh%C3%B4ne,+Rh%C3%B4ne-Alpes&z=16&iwloc=Ahttp://maps.google.fr/maps?f=q&source=s_q&hl=fr&q=33+quai+Arloing&ie=UTF8&hq=&hnear=33+Quai+Arloing,+69009+Lyon,+Rh%C3%B4ne,+Rh%C3%B4ne-Alpes&z=16&iwloc=A>
>
> cid:FBAF69CF-DD91-48E1-905C-8120679470C0
>
>
>
> _______________________________________________
> liste_gta mailing list
> liste_gta@list.accessiweb.org
> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
--
Solutions innovantes pour les professionnels du web:
référencement / accessibilité
Expert en Accessibilité depuis 2004
http://www.Open-S.com/
http://www.Tanaguru.com/
http://www.facebook.com/tanaguru
_______________________________________________
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
