N°5 : bonnes pratiques Web mobile Lettre Opquast du 31 mars 2014


Edito : bonnes pratiques Web mobile

La consultation des contenus Web se fait de plus en plus via mobile. Pourtant, entre la diversité des équipements et systèmes d’exploitation, les questions technologiques (version spécifique d’un site Web ou responsive design ?), il est difficile d’avoir des repères solides. A l’instar du travail que nous avons réalisé il y a quelques années pour le Web, nous travaillons sur une liste de bonnes pratiques pour le Web mobile. À l’heure actuelle, nous avons environ 60 règles candidates. Quelles sont celles qui sont vraiment universelles, utiles, incontournables ? C’est à vous de nous le dire sur l’atelier en cours. Dans quelques temps, vous aurez ainsi à votre disposition une nouvelle check-list qui vous offrira un premier socle de bonnes pratiques Mobile permettant de garantir la qualité de vos sites dans ce contexte.

Elie Sloïm

A la une : Opquast Website, le label

Opquast Website est un label qui garantit le respect de critères qualité pour les sites Internet. Les 65 critères du référentiel ont un impact sur la qualité du site et sur l’expérience des utilisateurs. Les sites qui les respectent prouvent ainsi qu’ils prennent soin de leurs internautes. Les premiers sites conformes au label sont sortis et ont publié leur déclaration qualité.

Si vous souhaitez vous aussi faire reconnnaître la qualité de votre travail comme l’ont fait la Société du Grand Paris, Urbilog, Ecedi, Jardiner autrement, le Musée de l’Armée, appelez-nous au +33 5 56 401 402 ou contactez l’une de nos agences partenaires.

Actualités

Devenir responsable qualité web

La prochaine formation devenir responsable qualité web aura lieu les 23, 24 et 25 avril à Paris, dans le 17ème. Au cours de cette session, nous allons alterner des apports théoriques sur la qualité Web, l’accessibilité, le SEO, les performances et des ateliers pratiques sur l’audit qualité Web, le plan d’action qualité et le pilotage de parc. Il ne reste pratiquement plus de places, ne tardez pas à vous inscrire ! Pour ce faire, téléchargez la plaquette : Devenir responsable qualité Web (PDF 190 ko) et renvoyez-nous le coupon d’inscription.

Opquast Desktop : Version 1 RC

Ca y est, la version quasi finalisée de notre extension Opquast desktop est sortie et elle présente une grande nouveauté : l’arrivée des scores globaux par check-list (qualité, accessibilité, performance…) et/ou par résultat. La vidéo de démonstration vous présente ces nouveautés.

L’extension Opquast desktop est toujours gratuite et distribuée sous licence Open Source. Elle est téléchargeable via son site dédié.

La presse en parle

Récemment, Opquast et ses partenaires ont fait l’objet de plusieurs articles dans la presse écrite et en ligne, en voici quelques uns :

Partageons notre veille

Pourquoi c’est nul, la Comic Sans ? Pourquoi tu mets autant de blanc dans tes maquettes ?

Vous avez un peu de mal à faire comprendre certaines principes élémentaires de conception à vos clients et collègues ? Nous avons le site qu’il vous faut : Les pourquoi du design, un outil bien utile pour justifier vos choix graphiques.

Les cookies

Savez-vous que les cookies vont probablement disparaitre des sites web ?
L’article
Attention, l’après cookie arrive. Êtes vous prêts ?
vous explique pourquoi ils perdent tout intérêt et par quoi ils pourraient être remplacés. En parlant de cookies, nous vous conseillons de prendre pour exemple la page des mentions légales du site Ecedi qui, en plus de respecter parfaitement la bonne pratique n°144 (L’objectif des cookies et les limitations inhérentes à leur refus sont expliqués), liste les cookies utilisés sur le site et explique le rôle de chacun.

Des cases à cocher au design personnalisé ET vraiment accessibles

Dans le blog Temesis, Aurélien Levy vous explique comment gagner le pari de réaliser des cases à cocher qui soient à la fois personnalisées tout en étant utilisables dans les lecteurs d’écran, au clavier, avec un zoom mais aussi sans javascript ni CSS. Une mine de conseils pour designers et intégrateurs à retrouver dans l’article rédigé par Aurélien.

Bonne pratique vue par l’expert

Ce mois-ci, c’est Laurent Denis qui partage son avis expert sur la bonne pratique n°85 : l’information n’est pas véhiculée uniquement par la couleur. Cette bonne pratique nous dit que toute information donnée via une couleur de texte ou d’arrière-plan doit être simultanément disponible par un autre moyen, que ce soit via le code ou textuellement. Dans le cas très courant de la rubrique active d’un menu de navigation différenciée via sa couleur, un choix vous est offert. Si vous respectez par ailleurs la bonne pratique n°55, Chaque page affiche une information permettant de connaître son emplacement dans l’arborescence du site, celle-ci vous fait afficher un fil d’Ariane qui indique la rubrique en cours et répond du même coup au besoin d’une alternative à la couleur dans le menu. Mais rien ne vous empêche d’aller plus loin et de consolider l’information dans le menu lui-même, en différenciant la rubrique concernée par un balisage (strong, em) ou par son attribut title.

Agenda

En avril, retrouvez-nous :

A très bientôt,

L’équipe Opquast