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.
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. |