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 |
|---|---|---|---|---|---|---|
| Il est possible de connaître les nouveaux contenus ou services. | Conception, Éditorial | Accessibilité, Écoconception, SEO | Contenus | Ajout de module, Configuration | Advanced Views RSS Feed, Aggregator | Configurer une vue des nouveaux contenus ou installer un des différents modules de la communauté tels que Advanced Views RSS Feed ou Aggregator qui permettent la création d'un flux RSS. |
| Le code source de chaque page contient une métadonnée qui en décrit le contenu. | Développement, Éditorial | SEO | Contenus | Ajout de module | Metatag | Le module Metatag permet de gérer précisement les métadonnées, que ce soit par des valeurs par défaut définies par le développeur ou par une surcharge manuelle dans chaque page par la contribution. |
| Les dates sont présentées dans des formats explicites. | Conception, Éditorial | UX | Contenus | Fonctionnalité native | Les formats de dates sont entièrement personnalisables par défaut. |
|
| La première occurrence d’une abréviation ou d’un acronyme dans le corps de chaque page donne accès à sa signification. | Conception, Développement, Éditorial | Accessibilité | Contenus | Ajout de module | CKeditor Abbreviation | Le module CKeditor Abbreviation permet d'ajouter la possiblité d'utiliser des balises abbr dans l'éditeur de texte du site. |
| 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. |
|
| Un lexique ou un glossaire adapté au public visé explique le vocabulaire sectoriel ou technique. | Éditorial | Accessibilité, SEO | Contenus | Ajout de module | G2, Glossify | Les modules G2 ou Glossify permettent la mise en place d'un glossaire entièrement personnalisable en contribution. |
| Les espaces publics proposent au moins un moyen de signaler les abus. | Conception | UX | Contenus | Ajout de module | Flag | Un module tel que Flag permet l'ajout d'un mecanisme de signalement des contenus. |
| Un mécanisme de prévention des usurpations de compte ou d’identité est proposé. | Développement | Privacy | Données personnelles | Ajout de module | Email TFA, TFA, LDAP SSO, SAML Authentification | Différents modules de la communauté tels que Email TFA, TFA, LDAP SSO ou SAML Authentification permettent de mettre en place des mécanisme de double authentification. |
| Si un espace personnel ou abonné est proposé, il est possible de télécharger les contenus personnels. | Développement | Privacy | Données personnelles | Développement supplémentaire | La fonctionnalité n'existe pas nativement mais il est possible de recupérer les données d'un utilisateur via un développement simple. |
|
| Les entêtes envoyés par le serveur spécifient la politique de communication des referrers. | Développement | Privacy | Données personnelles | Ajout de module | Seckit | Le module Seckit permet la configuration d'une CSP. |
| Aucune information n’est exposée sur l’existence d’un compte utilisateur. | Développement | Privacy | Données personnelles | Ajout de module | Username Enumeration Prevention | Peut être mis en place via le module Username Enumeration Prevention. |
| L’achat d’un produit ou service est possible sans création de compte. | Développement | Privacy | E-Commerce | Ajout de module, Configuration | Drupal Commerce | Drupal Commerce permet nativement l'achat sans création de compte. |
| Le détail de chaque article est consultable depuis le panier. | Développement | UX | E-Commerce | Ajout de module, Configuration | Drupal Commerce | L'affichage d'un produit dans le panier est entièrement personnalisable. |
| Aucun produit ni service annexe n’est ajouté au panier de commande sans que cette action soit déclenchée par l’utilisateur. | Conception | UX | E-Commerce | Ajout de module | Drupal Commerce | Par défaut, rien n'est ajouté au panier sans action de l'utilisateur. |
| La disponibilité des produits est indiquée avant la validation définitive de la commande. | Éditorial | UX | E-Commerce | Ajout de module, Configuration | Commerce Product Availability, Commerce Stock | Les modules Commerce Product Availability ou Commerce Stock permettent de spécifier et d'afficher la disponibilité des produits. |
| Les frais de livraison estimés sont indiqués avant la validation définitive de la commande. | Éditorial | UX | E-Commerce | Ajout de module, Configuration | Commerce Shipping | Le module Commerce Shipping permet de créer des règles de calcul automatique des frais de port. |
| Une adresse de livraison différente de l’adresse de facturation peut être spécifiée. | Développement | UX | E-Commerce | Ajout de module, Configuration | Commerce Shipping | Le module Commerce Shipping permet de différencier l'adresse de facturation de l'adresse de livraison. |
| Les produits indisponibles font l’objet d’une différenciation visuelle et textuelle. | Éditorial | UX | E-Commerce | Ajout de module, Configuration | Commerce Product Availability, Commerce Stock | Les modules Commerce Product Availability ou Commerce Stock permettent de gérer automatiquement la disponibilité des produits. |
| Chaque réclamation fait l’objet d’un accusé de réception. | Développement | UX | E-Commerce | Ajout de module, Configuration | Webform | Le module Webform permet de configurer des accusés de récéption pour les réclamations. Le webmaster peut personnaliser entièrement ces accusés de récéption. |
| Les caractères saisis dans un champ de mot de passe peuvent être affichés en clair. | Développement | UX | Formulaires | Ajout de module | View Password | Le module View Password permet d'implémenter la fonctionnalité. |
| Les procédures d’authentification à double facteur peuvent être relancées. | Développement | UX | Formulaires | Ajout de module | Email TFA | Le module Email TFA permet le renvoi de l'email par défaut. |
| Les champs permettant l’autocomplétion sont signalés dans le code source. | Développement | Accessibilité | Formulaires | Développement supplémentaire | Webform | Webform permet d'implémenter manuellement les bons attributs dans le code source. |
| Les vignettes et aperçus ne sont pas des images de taille supérieure redimensionnées côté client. | Développement | Écoconception | Images et médias | À mettre en place | Ce critère est dépendant des développements réalisés. |
|
| Les animations, sons et clignotements peuvent être mis en pause. | Développement | Accessibilité | Images et médias | À mettre en place | Ce critère est dépendant des développements réalisés. |
|
| Le déroulement des animations ne bloque pas la navigation ou l’accès aux contenus. | Développement | UX | Images et médias | À mettre en place | Ce critère est dépendant des développements réalisés. |
|
| L’indicatif international est disponible pour tous les numéros de téléphone. | Éditorial | UX | Internationalisation | Ajout de module | Phone Number | Le module Phone Number permet l'ajout de champs conformes. |
| Le pays est précisé pour toutes les adresses postales. | Éditorial | UX | Internationalisation | Ajout de module | Address | Le module Address permet l'ajout de champs conformes. |
| 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 numéros de téléphone sont activables via le protocole approprié. | Développement | Responsive | Liens | Ajout de module | Phone Number | Le module Phone Number permet l'ajout de champs conformes. |
| La taille des fichiers internes proposés en téléchargement est indiquée. | Éditorial | Accessibilité | Liens | À mettre en place | La conformité dépend de la contribution éditoriale et des développements. |
|
| Tous les liens internes sont valides. | Éditorial | SEO | Liens | Ajout de module | Redirect, Link Checker | Les modules Redirect ou Link Checker permettent de vérifier les erreurs 404. |
| Chaque page affiche une information permettant de connaître son emplacement dans l’arborescence. | Conception | UX | Navigation | Ajout de module | Easy Breadcrumb, Menu Breadcrumb | Les modules Easy Breadcrumb ou Menu Breadcrumb permettent de configurer un fil d'Ariane. |
| 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. |
|
| Les icônes de navigation sont accompagnées d’une légende explicite. | Conception | Accessibilité | Navigation | À mettre en place | La conformité dépend de la contribution et des développements. |
|
| La navigation au clavier permet d’interagir avec l’intégralité des contenus et services. | Développement | Accessibilité | Navigation | Fonctionnalité native | Conforme par défaut. Cela dépend des développements et de la contribution. |
|
| La navigation au clavier s’effectue dans un ordre prévisible. | Développement | Accessibilité | Navigation | Fonctionnalité native | Conforme par défaut. Cela dépend des développements et de la contribution. |
|
| Un plan du site est disponible depuis chaque page. | Conception | SEO | Navigation | Ajout de module | Sitemap | Le module Sitemap permet l'implémentation facile d'un plan du site. |
| L’inscription aux newsletters est soumise à un processus de confirmation. | Éditorial | Privacy | Newsletter | À mettre en place | La conformité de ce critère dépend du service de newsletter utilisé et des développements réalisés. |
|
| Un lien de désinscription est présent dans chaque newsletter. | Développement | Privacy | Newsletter | À mettre en place | La conformité dépend de la contribution au niveau de la newsletter et des développements. |
|
| La désinscription depuis une newsletter ne demande pas de confirmation par courriel. | Développement | Écoconception | Newsletter | À mettre en place | La conformité de ce critère dépend du service de newsletter utilisé et des développements réalisés. |
|
| La désinscription aux newsletters est possible depuis le site. | Développement | Privacy | Newsletter | À mettre en place | La conformité dépend de la contribution et des développements. Un lien de désinscription peut être ajouté sur le site. |
|
| La dernière newsletter envoyée est disponible en ligne. | Conception | UX | Newsletter | À mettre en place | La conformité dépend de la contribution éditoriale et des développements. Une vue des anciennes newsletters peut être prévue. |
|
| Les archives de newsletters sont disponibles en ligne. | Développement | SEO | Newsletter | À mettre en place | La conformité dépend de la contribution éditoriale et des développements. Une vue des anciennes newsletters peut être prévue. |
|
| 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. |
|
| Une famille générique de police est indiquée comme dernier élément de substitution. | Développement | Accessibilité | Présentation | À mettre en place | La conformité dépend des développements. |
|
| Les mises en majuscules à des fins décoratives sont effectuées à l’aide des styles. | Développement | Responsive | Présentation | À mettre en place | Il est possible de prévoir de styles dans l'éditeur de texte pour répondre à ce critère. |
|
| 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. |
|
| Un mécanisme de sécurité restreint l’origine des contenus. | Développement | Sécurité | Ajout de module | Seckit | Le module Seckit permet de configurer une CSP. |
|
| Les opérations sécurisées peuvent être validées par au moins deux moyens. | Développement | UX | Sécurité | Externe | Drupal ne propose pas cette fonctionnalité. |
|
| L’adresse du site fonctionne avec et sans préfixe www. | Développement | Écoconception | Serveur et performances | À mettre en place | À configurer dans le htaccess du site. |
|
| Le site propose un fichier sitemap indiquant les contenus à explorer. | Éditorial | SEO | Serveur et performances | Ajout de module | XML sitemap | Le module XML Sitemap permet de configurer un sitemap.xml. |
| La date de publication ou de mise à jour des contenus est mise à disposition sous forme programmatique. | Développement | SEO | Structure et code | Fonctionnalité native | Conforme dans le thème par défaut. A implémenter en cas de thème custom. |
|
| Chaque identifiant HTML n’est utilisé qu’une seule fois par page. | Développement | Accessibilité | Structure et code | À mettre en place | Cela dépend des développements. |
|
| Les cellules des tableaux de données sont reliées à leurs entêtes. | Éditorial | Accessibilité | Structure et code | Ajout de module | CKEditor5 Table Fix | Le module CKEditor5 Table Fix permet la conformité. |
| Les titres des tableaux de données sont renseignés. | Éditorial | Accessibilité | Structure et code | Ajout de module | CKEditor5 Table Fix | Le module CKEditor5 Table Fix permet la conformité. |