Avant de découvrir les règles Opquast, il est important de comprendre leur organisation. Ces bonnes pratiques sont regroupées en plusieurs catégories, chacune visant un objectif précis, comme l’accessibilité, l'écoconception ou encore le SEO. Parcourir ces règles par objectif vous permettra de cibler les aspects les plus pertinents pour votre projet et de garantir une qualité optimale à chaque étape de votre démarche.
Vous voulez intervenir sur :
| Règle | Étape du projet | Thématique | Action(s) à entreprendre | Module(s) à installer | Qui peut agir ? | Mise en œuvre |
|---|---|---|---|---|---|---|
| Les informations relatives aux droits de copie et de réutilisation sont disponibles depuis toutes les pages. | Conception, Éditorial | Contenus | À mettre en place | Contributeur | Créer une page dédiée aux conditions de réutilisation des contenus. |
|
| Les dates sont présentées dans des formats explicites. | Conception, Éditorial | Contenus | Fonctionnalité native | Développeur, Webmaster | Les formats de dates sont entièrement personnalisables par défaut. |
|
| La date de publication des contenus qui le nécessitent est indiquée. | Conception | Contenus | À mettre en place | Concepteur, Développeur | 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 | Contenus | À implémenter | Concepteur, Contributeur | Relève d'un choix de conception et de contribution. |
|
| Les conditions de modération des espaces publics sont indiquées. | Éditorial | Contenus | À mettre en place | Contributeur | Créer une page dédiée aux conditions de modération des espaces publics. |
|
| Les contenus ou fichiers destinés à des espaces publics peuvent être vérifiés avant leur envoi définitif. | Développement | Contenus | Fonctionnalité native | La preview est disponible nativement dans le module Commentaire de Drupal. |
||
| Les espaces publics proposent au moins un moyen de signaler les abus. | Conception | Contenus | Ajout de module | Flag | Développeur | Un module tel que Flag permet l'ajout d'un mecanisme de signalement des contenus. |
| La page des résultats de recherche indique le nombre de résultats, le nombre de pages de résultats, et le nombre de résultats par page. | Développement | Contenus | À mettre en place | Webmaster | Le module Views de Drupal permet d'afficher le nombre de résultats. |
|
| Le détail de chaque article est consultable depuis le panier. | Développement | E-Commerce | Ajout de module, Configuration | Drupal Commerce | Développeur | 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 | E-Commerce | Ajout de module | Drupal Commerce | Développeur | Par défaut, rien n'est ajouté au panier sans action de l'utilisateur. |
| L’inscription à des services annexes n’est pas activée par défaut. | Développement | E-Commerce | Ajout de module, Fonctionnalité native | Drupal Commerce | L'inscription a des services annexes n'est pas activée par défaut. |
|
| La disponibilité des produits est indiquée avant la validation définitive de la commande. | Éditorial | E-Commerce | Ajout de module, Configuration | Commerce Product Availability, Commerce Stock | Développeur | Les modules Commerce Product Availability ou Commerce Stock permettent de spécifier et d'afficher la disponibilité des produits. |
| Le délai de livraison estimé est indiqué avant la validation définitive de la commande. | Éditorial | E-Commerce | À mettre en place | Contributeur | Créer une page dédiée aux conditions de ventes. |
|
| Les frais de livraison estimés sont indiqués avant la validation définitive de la commande. | Éditorial | E-Commerce | Ajout de module, Configuration | Commerce Shipping | Développeur | Le module Commerce Shipping permet de créer des règles de calcul automatique des frais de port. |
| Les modalités de récupération d’un bien dématérialisé sont précisées avant la commande. | Éditorial | E-Commerce | À mettre en place | Contributeur | Créer une page dédiée aux conditions de ventes. |
|
| La modification de la quantité de chaque article, l’ajout et la suppression d’un ou plusieurs articles restent possibles avant la validation définitive de la commande. | Développement | E-Commerce | Ajout de module, Fonctionnalité native | Drupal Commerce | Drupal Commerce permet nativement la modification du panier avant achat. |
|
| La période et les conditions de validité des offres spéciales et promotions sont indiquées. | Éditorial | E-Commerce | À mettre en place | Contributeur | Créer une page dédiée aux conditions de ventes. |
|
| Le sous-total détaillé est indiqué avant la validation définitive de la commande. | Développement | E-Commerce | Ajout de module, Fonctionnalité native | Drupal Commerce | Par défaut, Drupal Commerce permet l'affichage détaillé du panier avant validation. |
|
| Les conditions de vente ou d’utilisation sont disponibles depuis toutes les pages. | Éditorial | E-Commerce | À mettre en place | Contributeur, Concepteur | 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. |
|
| La charge des frais de retour est indiquée avant la validation définitive de la commande. | Éditorial | E-Commerce | À mettre en place | Contributeur | Cela est à préciser dans le contenu du tunnel de vente. |
|
| Les matériels et logiciels nécessaires au fonctionnement du service sont indiqués avant la validation de la commande. | Éditorial | E-Commerce | À mettre en place | Contributeur | Cela est à préciser dans le contenu du tunnel de vente. |
|
| Les prix affichés mentionnent le détail des taxes et suppléments éventuels ainsi que le montant hors taxes. | Éditorial | E-Commerce | À mettre en place | Contributeur | Cela est à préciser dans le contenu du tunnel de vente. |
|
| Une adresse de livraison différente de l’adresse de facturation peut être spécifiée. | Développement | E-Commerce | Ajout de module, Configuration | Commerce Shipping | Développeur | Le module Commerce Shipping permet de différencier l'adresse de facturation de l'adresse de livraison. |
| Au moins deux moyens de paiement sont acceptés. | Développement | E-Commerce | Ajout de module, Fonctionnalité native | Drupal Commerce | Drupal Commerce permet nativement l'utilisation de plusieurs moyen de paiement. |
|
| La référence de la transaction est affichée au client après la validation de sa commande. | Développement | E-Commerce | Ajout de module, Fonctionnalité native | Drupal Commerce | Le numéro de commande est affiché a l'utilisateur après validation. |
|
| Les factures émises sont également disponibles en ligne. | Développement | E-Commerce | Ajout de module, Fonctionnalité native | Drupal Commerce | Les factures sont intégralement disponibles dans l'interface du site pour tous les utilisateurs ayant un compte client. |
|
| Chaque facturation fait l’objet d’un mail de confirmation. | Développement | E-Commerce | Ajout de module, Fonctionnalité native | Drupal Commerce | Chaque commande envoie nativement un mail lors de sa validation. |
|
| Les mentions d’appartenance à un ordre ou groupe professionnel, d’un label ou d’une récompense sont accompagnées d’un lien vers la source. | Éditorial | E-Commerce | À mettre en place | Contributeur | Il revient au contributeur d'ajouter les liens. |
|
| Les produits indisponibles font l’objet d’une différenciation visuelle et textuelle. | Éditorial | E-Commerce | Ajout de module, Configuration | Commerce Product Availability, Commerce Stock | Développeur | Les modules Commerce Product Availability ou Commerce Stock permettent de gérer automatiquement la disponibilité des produits. |
| Un mail indiquant la référence de la transaction et les données de la commande est envoyé suite à la validation. | Développement | E-Commerce | Fonctionnalité native | Chaque commande envoie nativement un mail lors de sa validation. |
||
| Chaque réclamation fait l’objet d’un accusé de réception. | Développement | E-Commerce | Ajout de module, Configuration | Webform | Développeur, Webmaster | 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. |
| L’étiquette de chaque champ de formulaire qui le nécessite indique les limites de nombre de caractères. | Développement | Formulaires | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale réalisée au niveau du formulaire. |
|
| La création d’un mot de passe par l’utilisateur fait l’objet d’un mécanisme de prévention des erreurs de saisie. | Développement | Formulaires | Fonctionnalité native | Webform | Les formulaires générés par Drupal ou le module Webform sont conformes. |
|
| Les caractères saisis dans un champ de mot de passe peuvent être affichés en clair. | Développement | Formulaires | Ajout de module | View Password | Développeur | Le module View Password permet d'implémenter la fonctionnalité. |
| En cas de rejet des données saisies dans un formulaire, toutes les données saisies peuvent être modifiées par l’utilisateur. | Développement | Formulaires | Fonctionnalité native | Webform | Les formulaires générés par Drupal ou le module Webform sont conformes. |
|
| Lors de la saisie d’un formulaire réparti sur plusieurs pages, un récapitulatif global est affiché avant l’envoi définitif. | Développement | Formulaires | Fonctionnalité native | Webform | Les formulaires générés par Drupal ou le module Webform sont conformes. |
|
| La page affichée après l’envoi d’un formulaire permet de reprendre directement la navigation. | Développement | Formulaires | Fonctionnalité native | Webform | Les formulaires générés par Drupal ou le module Webform sont conformes. |
|
| La soumission d’un formulaire est suivie d’un message indiquant la réussite ou non de l’action souhaitée. | Développement | Formulaires | Fonctionnalité native | Webform | Les formulaires générés par Drupal ou le module Webform sont conformes. |
|
| L’utilisateur est averti au début d’un processus complexe de la nature des données et documents exigés. | Éditorial | Formulaires | À mettre en place | Concepteur | La conformité dépend de la contribution éditoriale réalisée au niveau du formulaire. |
|
| Les processus complexes sont accompagnés de la liste de leurs étapes. | Conception | Formulaires | À mettre en place | Webform | Webmaster | Le module Webform permet d'ajouter une barre de progression. |
| L’étape en cours d’un processus complexe est indiquée. | Conception | Formulaires | À mettre en place | Webform | Webmaster | Le module Webform permet d'ajouter une barre de progression. |
| Chaque étape d’un processus complexe permet de revenir à l’étape précédente. | Développement | Formulaires | À mettre en place | Webform | Webmaster | Le module Webform permet d'ajouter une barre de progression. |
| L’utilisateur est averti de la perte d’information en cas d’utilisation de l’historique de son navigateur dans un processus complexe. | Développement | Formulaires | À mettre en place | Webform | Webmaster | Le module Webform permet d'ajouter une option qui averti les utilisateurs. |
| La navigation dans un processus complexe ne provoque pas la perte des données précédemment soumises. | Développement | Formulaires | Fonctionnalité native | Webform | Le module Webform enregistre chaque étape d'un formulaire à plusieurs étapes. |
|
| Le copier coller est possible dans les champs de formulaire. | Développement | Formulaires | Fonctionnalité native | Webform | Les formulaires générés par Drupal ou le module Webform sont conformes. |
|
| Les procédures d’authentification à double facteur peuvent être relancées. | Développement | Formulaires | Ajout de module | Email TFA | Développeur | Le module Email TFA permet le renvoi de l'email par défaut. |
| Si les contenus ou services sont réservés ou destinés à un public spécifique, ce public est mentionné au moins sur la page d’accueil. | Éditorial | Identification et contact | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale réalisée au niveau de la page d'accueil. |
|
| Le code source des pages contient un appel valide à une icône de favori. | Développement | Identification et contact | Fonctionnalité native | Webmaster | Drupal affiche une icône de favori par défaut mais permet d'ajouter une icône personnalisée. |
|
| Au moins deux moyens de contact sont proposés. | Éditorial | Identification et contact | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale. |
|
| Les délais de réponse aux demandes d’information sont indiqués. | Éditorial | Identification et contact | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale. |
|
| Les horaires et tarifs de fonctionnement des services mis à la disposition des utilisateurs sont indiqués. | Éditorial | Identification et contact | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale. |
|
| Chaque demande d’information fait l’objet d’un accusé de réception. | Éditorial | Identification et contact | Ajout de module, À mettre en place | Webform | Webmaster | Le module Webform permet de configurer des accusés de réception. |
| Tous les mails fournissent au moins un moyen de contact. | Éditorial | Identification et contact | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale des mails. |
|
| Il existe au moins un moyen de contacter le service après-vente ou le support. | Éditorial | Identification et contact | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale. |
|
| Si un ou plusieurs standards ou référentiels sont déclarés comme respectés, un lien est proposé vers chacun d’eux. | Éditorial | Identification et contact | À mettre en place | Contributeur | Il revient au contributeur d'ajouter les liens. |
|
| Le déroulement des animations ne bloque pas la navigation ou l’accès aux contenus. | Développement | Images et médias | À mettre en place | Développeur | 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 | Internationalisation | Ajout de module | Phone Number | Développeur | Le module Phone Number permet l'ajout de champs conformes. |
| Le pays est précisé pour toutes les adresses postales. | Éditorial | Internationalisation | Ajout de module | Address | Développeur | Le module Address permet l'ajout de champs conformes. |
| La langue principale de la page cible d’un lien est identifiable lorsqu’elle diffère de celle de la page d’origine. | Éditorial | Internationalisation | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale. |
|
| Les liens d’accès aux versions traduites pointent directement vers la traduction de la page courante. | Éditorial | Internationalisation | Fonctionnalité native | Drupal implémente nativement ce critère pour les sites multilingues. |
||
| Les liens vers les versions équivalentes des contenus sont rédigés dans leur langue cible. | Éditorial | Internationalisation | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale. |
|
| Le serveur respecte l’ordre préférentiel de langues des outils de consultation. | Développement | Internationalisation | Fonctionnalité native | Drupal implémente nativement ce critère pour les sites multilingues. |
||
| Les liens de même nature ont des couleurs, des formes et des comportements identiques sur toutes les pages. | Conception | Liens | À mettre en place | Concepteur, Développeur | Cela dépend de la conception graphique et des développements. |
|
| Le soulignement est réservé aux liens. | Éditorial | Liens | À mettre en place | Concepteur, Développeur | 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 | Liens | À mettre en place | Concepteur, Développeur | Cela dépend de la conception graphique et des développements. |
|
| Les liens internes et externes sont différenciés. | Développement | Liens | À mettre en place | Concepteur, Développeur | Cela dépend de la conception graphique et des développements. |
|
| Les liens internes vers les contenus à accès limité sont différenciés. | Développement | Liens | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale. |
|
| Le nommage des fichiers internes proposés en téléchargement permet d’en identifier le contenu et la provenance. | Éditorial | Liens | À mettre en place | Contributeur | La conformité dépend du nommage des fichiers, |
|
| Il est possible de revenir à la page d’accueil depuis toutes les pages. | Conception | Navigation | Fonctionnalité native | Conforme par défaut. Nativement, le logo du site est présent sur toutes les pages et renvoie vers la page d'accueil. |
||
| Chaque page affiche une information permettant de connaître son emplacement dans l’arborescence. | Conception | Navigation | Ajout de module | Easy Breadcrumb, Menu Breadcrumb | Développeur | Les modules Easy Breadcrumb ou Menu Breadcrumb permettent de configurer un fil d'Ariane. |
| Les mécanismes de fermeture de fenêtres sont visuellement rattachés à leur contenu. | Conception | Navigation | Fonctionnalité native | Conforme par défaut. |
||
| Les mécanismes de fermetures de fenêtres sont immédiatement disponibles. | Développement | Navigation | Fonctionnalité native | Conforme par défaut. |
||
| Les nouvelles fenêtres dimensionnées et les fenêtres modales sont dotées d’un bouton de fermeture explicite. | Développement | Navigation | Fonctionnalité native | Conforme par défaut. |
||
| Les mécanismes de fermetures de fenêtres sont affichés aux mêmes emplacements sur toutes les pages. | Conception | Navigation | Fonctionnalité native | Conforme par défaut. |
||
| Il est possible de relancer une recherche depuis sa page de résultats. | Développement | Navigation | Fonctionnalité native | Conforme par défaut. |
||
| Les limites de temps imposées à une action ou un accès sont indiquées. | Développement | Navigation | Fonctionnalité native | La durée d'une session basique sur Drupal est de 200 000 secondes. |
||
| La dernière newsletter envoyée est disponible en ligne. | Conception | Newsletter | À mettre en place | Développeur, Contributeur | La conformité dépend de la contribution éditoriale et des développements. Une vue des anciennes newsletters peut être prévue. |
|
| La fréquence d’envoi des newsletters est consultable avant l’abonnement. | Conception | Newsletter | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale. |
|
| La charte graphique est cohérente sur toutes les pages. | Conception | Présentation | À mettre en place | Concepteur, Développeur | La conformité dépend de la conception graphique et des développements pour un thème personnalisé. |
|
| Les pictogrammes typographiques sont dotés d’une alternative appropriée. | Développement | Présentation | À mettre en place | Concepteur, Développeur | La conformité dépend de la conception graphique et des développements. Aucun pictogramme typographique n'est utilisé par défaut par le CMS. |
|
| Les styles ne justifient pas le texte. | Éditorial | Présentation | À mettre en place | Contributeur | La conformité dépend de la contribution éditoriale. |
|
| Un ou plusieurs mécanismes dédiés à l’adaptation aux terminaux mobiles sont proposés. | Développement | Présentation | À mettre en place | Concepteur, Développeur | Cela dépend de la conception graphique et des développements. Le thème par défaut est adaptif. |
|
| Le contenu de chaque page est disponible à l’impression sans blocs de navigation. | Développement | Sécurité | À mettre en place | Concepteur, Développeur | Cela dépend de la conception graphique et des développements. |
|
| Les opérations relatives aux mots de passe peuvent être effectuées intégralement en ligne. | Développement | Sécurité | Fonctionnalité native | Conforme par défaut. |
||
| Les mots de passe peuvent être choisis ou changés par l’utilisateur. | Développement | Sécurité | Fonctionnalité native | Conforme par défaut. |
||
| Un dispositif sensibilise l’utilisateur sur le degré de sécurisation du mot de passe qu’il choisit. | Développement | Sécurité | Fonctionnalité native | Conforme par défaut. Peut être renforcé par le module Password Policy. |
||
| Les mots de passe peuvent être réinitialisés. | Développement | Sécurité | Fonctionnalité native | Conforme par défaut. |
||
| Les mots de passe ne sont pas communiqués en clair. | Développement | Sécurité | Fonctionnalité native | Conforme par défaut. |
||
| Les opérations sécurisées peuvent être validées par au moins deux moyens. | Développement | Sécurité | Externe | Développeur | Drupal ne propose pas cette fonctionnalité. |
|
| L’affichage de la barre d’adresse du navigateur n’est pas bloqué. | Développement | Sécurité | Fonctionnalité native | Conforme par défaut. |
||
| Le serveur envoie une page d’erreur 404 personnalisée. | Développement | Serveur et performances | Fonctionnalité native | Contributeur | Conforme par défaut. La page est a personnaliser via la contribution. |
|
| Le serveur envoie une page d’interdiction 403 personnalisée. | Développement | Serveur et performances | Fonctionnalité native | Contributeur | Conforme par défaut. La page est a personnaliser via la contribution. |
|
| Le menu principal de navigation figure sur les pages d’erreur personnalisées. | Conception | Serveur et performances | Fonctionnalité native | Conforme par défaut. |
||
| La copie du contenu n’est pas bloquée. | Développement | Structure et code | Fonctionnalité native | Conforme par défaut. |
||
| L’accès au menu contextuel n’est pas bloqué. | Développement | Structure et code | Fonctionnalité native | Conforme par défaut. |