Les règles Opquast sont également organisées selon les intervenants qui peuvent les mettre en place. Que vous soyez développeur, concepteur, ou webmaster, vous trouverez des critères adaptés à vos responsabilités. En suivant ces règles par fonction, chaque membre de l’équipe pourra contribuer efficacement à la qualité globale du projet, tout en répondant aux exigences de son domaine.
Pour aller plus loin avec votre projet web, nous vous invitons à prendre rendez-vous avec l’un de nos experts. Ils pourront analyser vos besoins et vous guider dans l’application des bonnes pratiques Opquast. Vous pouvez aussi dès maintenant télécharger notre guide complet, pour commencer à améliorer la qualité de vos sites.
Vous êtes :
| Règle | Étape du projet | Objectif | Thématique | Action(s) à entreprendre | Module(s) à installer | Mise en œuvre |
|---|---|---|---|---|---|---|
| La date de publication des contenus qui le nécessitent est indiquée. | Conception | UX | Contenus | À mettre en place | Drupal permet nativement d'intégrer la date de publication ou de modification aux contenus des pages. Cela est à mettre en place lors de la conception et du développement. |
|
| Les contenus publicitaires ou sponsorisés sont identifiés comme tels. | Éditorial | UX | Contenus | À implémenter | Relève d'un choix de conception et de contribution. |
|
| La politique de confidentialité et de respect de la vie privée est disponible depuis toutes les pages. | Éditorial | Privacy | Données personnelles | À implémenter | Cela relève de la conception et de la contribution. Le thème prévu doit intégrer un lien vers la page en question dans un des menus du site. |
|
| Les conditions de vente ou d’utilisation sont disponibles depuis toutes les pages. | Éditorial | UX | E-Commerce | À mettre en place | Cela relève de la conception et de la contribution. Le thème prévu doit intégrer un lien vers la page en question dans un des menus du site. |
|
| Chaque étiquette de formulaire est visuellement rattachée au champ qu’elle décrit. | Conception | Accessibilité | Formulaires | Fonctionnalité native | Webform | Les formulaires générés par Drupal ou le module Webform sont conformes. La conception doit s'assurer de ne pas déroger à cette règle. |
| Les informations contextuelles se rapportant à un champ de formulaire lui sont visuellement rattachées. | Conception | Accessibilité | Formulaires | Fonctionnalité native | Webform | Les formulaires générés par Drupal ou le module Webform sont conformes. La conception doit s'assurer de ne pas déroger à cette règle. |
| L’utilisateur est averti au début d’un processus complexe de la nature des données et documents exigés. | Éditorial | UX | Formulaires | À mettre en place | La conformité dépend de la contribution éditoriale réalisée au niveau du formulaire. |
|
| L’adresse complète et le numéro de téléphone des sociétés et organisations sont disponibles depuis toutes les pages. | Éditorial | SEO | Identification et contact | À mettre en place | La conformité dépend de la contribution éditoriale et de la conception, |
|
| Les liens de même nature ont des couleurs, des formes et des comportements identiques sur toutes les pages. | Conception | UX | Liens | À mettre en place | Cela dépend de la conception graphique et des développements. |
|
| Le soulignement est réservé aux liens. | Éditorial | UX | Liens | À mettre en place | Cela dépend de la conception graphique et des développements. |
|
| Les liens sont visuellement différenciés du reste du contenu. | Conception | Accessibilité | Liens | À mettre en place | Cela dépend de la conception graphique et des développements. |
|
| Les liens visités et non visités sont visuellement différenciés. | Développement | UX | Liens | À mettre en place | Cela dépend de la conception graphique et des développements. |
|
| Les liens internes et externes sont différenciés. | Développement | UX | Liens | À mettre en place | Cela dépend de la conception graphique et des développements. |
|
| Les items actifs de menu sont signalés. | Développement | Accessibilité | Navigation | À mettre en place | La conformité dépend de la conception graphique et des développements. |
|
| Les blocs de navigation de même nature sont affichés aux mêmes emplacements sur toutes les pages. | Conception | Accessibilité | Navigation | À mettre en place | La conformité dépend de la conception graphique et des développements. |
|
| La charte graphique est cohérente sur toutes les pages. | Conception | UX | Présentation | À mettre en place | La conformité dépend de la conception graphique et des développements pour un thème personnalisé. |
|
| L’information n’est pas véhiculée uniquement par la couleur. | Conception | Accessibilité | Présentation | À mettre en place | La conformité dépend de la conception graphique et des développements. Nativement Drupal respecte la règle. |
|
| Les contenus sont présentés avec un contraste suffisant par rapport à leur arrière-plan. | Conception | Accessibilité | Présentation | À mettre en place | La conformité dépend de la conception graphique et des développements. Nativement Drupal respecte la règle. |
|
| Le contenu et le sens de chaque page ne sont pas altérés lorsque les styles sont désactivés. | Développement | Accessibilité | Présentation | À mettre en place | La conformité dépend de la conception graphique et des développements. La contribution doit aussi faire en sorte de respecter cette règle. |
|
| Un contenu n’est pas désigné uniquement par sa forme ou par sa position à l’écran. | Éditorial | Accessibilité | Présentation | À mettre en place | La conformité dépend de la conception graphique et des développements. Drupal est compatible mais la règle doit être implémentée. |
|
| Un contenu qui doit être restitué dans un lecteur d’écran ne lui est pas dissimulé. | Conception | Responsive | Présentation | À mettre en place | La conformité dépend de la conception graphique et des développements. Drupal est compatible mais la règle doit être implémentée. |
|
| La taille des éléments cliquables est suffisante. | Éditorial | SEO | Présentation | À mettre en place | La conformité dépend de la conception graphique et des développements. Drupal est compatible mais la règle doit être implémentée. |
|
| Les contenus générés via les styles sont dotés d’une alternative appropriée. | Développement | SEO | Présentation | À mettre en place | La conformité dépend de la conception graphique et des développements. |
|
| Les pictogrammes typographiques sont dotés d’une alternative appropriée. | Développement | UX | Présentation | À mettre en place | La conformité dépend de la conception graphique et des développements. Aucun pictogramme typographique n'est utilisé par défaut par le CMS. |
|
| Un ou plusieurs mécanismes dédiés à l’adaptation aux terminaux mobiles sont proposés. | Développement | UX | Présentation | À mettre en place | Cela dépend de la conception graphique et des développements. Le thème par défaut est adaptif. |
|
| Des styles dédiés à l’impression sont proposés. | Développement | Écoconception | Présentation | À mettre en place | Cela dépend de la conception graphique et des développements. Un thème dédié a l'impression doit être développé. |
|
| Le contenu de chaque page est disponible à l’impression sans blocs de navigation. | Développement | UX | Sécurité | À mettre en place | Cela dépend de la conception graphique et des développements. |