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 |
|---|---|---|---|---|---|---|
| Les informations relatives aux droits de copie et de réutilisation sont disponibles depuis toutes les pages. | Conception, Éditorial | UX | Contenus | À mettre en place | Créer une page dédiée aux conditions de réutilisation des contenus. |
|
| 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. |
| 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. |
| 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 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. |
|
| Les conditions de modération des espaces publics sont indiquées. | Éditorial | UX | Contenus | À mettre en place | Créer une page dédiée aux conditions de modération des espaces publics. |
|
| Chaque graphique est accompagné de ses données numériques. | Éditorial | SEO | Contenus | À mettre en place | Il revient au contributeur d'accompagner les graphiques de leurs données numériques. |
|
| Les contenus ne détournent pas de caractères pour simuler une mise en forme visuelle. | Éditorial | Accessibilité | Contenus | À mettre en place | Il revient au contributeur de respecter cette règle. |
|
| 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. |
|
| La procédure d’accès et de rectification des données personnelles est décrite. | Éditorial | Privacy | Données personnelles | À mettre en place | Créer une page dédiée à la gestion de données personnelles. |
|
| L’objectif des cookies et les limitations inhérentes à leur refus sont expliqués. | Éditorial | Privacy | Données personnelles | À mettre en place | Drupal permet de créer une page dédiée à la politique de confidentialité. Cela est à gérer en contribution. |
|
| Le délai de livraison estimé est indiqué avant la validation définitive de la commande. | Éditorial | UX | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
|
| Les modalités de récupération d’un bien dématérialisé sont précisées avant la commande. | Éditorial | UX | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
|
| La nature et les caractéristiques quantifiables des produits et services sont indiquées. | Éditorial | SEO | E-Commerce | Ajout de module, À mettre en place | Drupal Commerce | Il revient au contributeur de le préciser dans les pages produit. |
| La période et les conditions de validité des offres spéciales et promotions sont indiquées. | Éditorial | UX | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
|
| Les conditions de financement sont indiquées. | Éditorial | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
||
| Les conditions de fonctionnement du service après-vente sont indiquées. | Éditorial | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
||
| Les conditions de débit ou d’encaissement sont indiquées. | Éditorial | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
||
| Les conditions de garantie sont indiquées. | Éditorial | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
||
| 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. |
|
| Les informations relatives à la zone de livraison des produits ou de réalisation des services sont indiquées. | Éditorial | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
||
| Les moyens de paiement acceptés et les procédures correspondantes sont indiqués. | Éditorial | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
||
| L’identité des prestataires impliqués dans les transactions est précisée. | Éditorial | Privacy | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
|
| Les recours en cas de litige sont indiqués dans les conditions générales de vente ou d’utilisation. | Éditorial | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
||
| L’adresse et les conditions de retour des produits sont indiquées. | Éditorial | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
||
| La charge des frais de retour est indiquée avant la validation définitive de la commande. | Éditorial | UX | E-Commerce | À mettre en place | Cela est à préciser dans le contenu du tunnel de vente. |
|
| Le mode de dépôt et la procédure de traitement des réclamations sont indiqués. | Éditorial | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
||
| Les conditions de remboursement et de résiliation sont indiquées. | Éditorial | E-Commerce | À mettre en place | Créer une page dédiée aux conditions de ventes. |
||
| Les matériels et logiciels nécessaires au fonctionnement du service sont indiqués avant la validation de la commande. | Éditorial | UX | E-Commerce | À mettre en place | 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 | UX | E-Commerce | À mettre en place | Cela est à préciser dans le contenu du tunnel de vente. |
|
| 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 | UX | E-Commerce | À mettre en place | Il revient au contributeur d'ajouter les liens. |
|
| La provenance des produits est indiquée. | Éditorial | E-Commerce | À mettre en place | Cela est à préciser dans le contenu du tunnel de vente. |
||
| Le format de saisie des champs de formulaire qui le nécessitent est indiqué | Développement | Accessibilité | Formulaires | À mettre en place | La conformité dépend de la contribution éditoriale réalisée au niveau du formulaire. |
|
| L’utilisateur est averti lorsqu’une saisie est sensible à la casse. | Développement | Accessibilité | Formulaires | À mettre en place | La conformité dépend de la contribution éditoriale réalisée au niveau du formulaire. |
|
| L’étiquette de chaque champ de formulaire qui le nécessite indique les limites de nombre de caractères. | Développement | UX | Formulaires | À mettre en place | La conformité dépend de la contribution éditoriale réalisée au niveau du formulaire. |
|
| Les éléments d’une liste déroulante qui peuvent être regroupés le sont de manière appropriée. | Éditorial | Accessibilité | Formulaires | À mettre en place | La conformité dépend de la contribution éditoriale réalisée au niveau du formulaire. |
|
| Les listes d’options de formulaires sont présentées dans un ordre identifiable. | Développement | Accessibilité | Formulaires | À mettre en place | La conformité dépend de la contribution éditoriale réalisée au niveau du formulaire. |
|
| La page d’accueil expose la nature des contenus et services proposés. | Éditorial | SEO | Identification et contact | À mettre en place | La conformité dépend de la contribution éditoriale réalisée au niveau de la page d'accueil. |
|
| 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 | UX | Identification et contact | À mettre en place | La conformité dépend de la contribution éditoriale réalisée au niveau de la page d'accueil. |
|
| L’identité de l’auteur, de la société ou de l’organisation est indiquée. | Éditorial | SEO | Identification et contact | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| 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, |
|
| Le numéro d’immatriculation délivré aux sociétés ou organisations au terme des procédures légales d’enregistrement en vigueur dans leur pays est indiqué. | Éditorial | Identification et contact | À mettre en place | La conformité dépend de la contribution éditoriale. |
||
| Au moins deux moyens de contact sont proposés. | Éditorial | UX | Identification et contact | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Les délais de réponse aux demandes d’information sont indiqués. | Éditorial | UX | Identification et contact | À mettre en place | 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 | UX | Identification et contact | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Tous les mails fournissent au moins un moyen de contact. | Éditorial | UX | Identification et contact | À mettre en place | 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 | UX | Identification et contact | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Il existe au moins un moyen de contacter le modérateur des espaces publics. | Éditorial | Privacy | Identification et contact | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| L’identité de la personne ou du service responsables des contenus est indiquée. | Éditorial | Identification et contact | À mettre en place | 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 | UX | Identification et contact | À mettre en place | Il revient au contributeur d'ajouter les liens. |
|
| Chaque image décorative est dotée d’une alternative textuelle appropriée. | Éditorial | SEO | Images et médias | À mettre en place | Drupal permet au contributeur d'ajouter une alternative textuelle pour chaque image. |
|
| Chaque image-lien est dotée d’une alternative textuelle appropriée. | Éditorial | SEO | Images et médias | À mettre en place | Drupal permet au contributeur d'ajouter une alternative textuelle pour chaque image. |
|
| Chaque image porteuse d’information est dotée d’une alternative textuelle appropriée. | Éditorial | SEO | Images et médias | À mettre en place | Drupal permet au contributeur d'ajouter une alternative textuelle pour chaque image. |
|
| Les objets inclus sont dotés d’une alternative textuelle appropriée. | Éditorial | SEO | Images et médias | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Chaque contenu audio et vidéo est accompagné de sa transcription textuelle. | Éditorial | SEO | Images et médias | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Les vidéos comportent des sous-titres synchronisés. | Éditorial | Accessibilité | Images et médias | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| La durée des contenus vidéo ou audio est indiquée. | Développement | Accessibilité | Images et médias | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| La langue principale de la page cible d’un lien est identifiable lorsqu’elle diffère de celle de la page d’origine. | Éditorial | UX | Internationalisation | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Chaque changement de langue est signalé. | Éditorial | Accessibilité | Internationalisation | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Les liens vers les versions équivalentes des contenus sont rédigés dans leur langue cible. | Éditorial | UX | Internationalisation | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Chaque lien est doté d’un intitulé dans le code source. | Développement | Accessibilité | Liens | À mettre en place | Cela dépend de la contribution éditoriale. Drupal permet d'implémenter ce critère. |
|
| Le libellé de chaque lien décrit sa fonction ou la nature du contenu vers lequel il pointe. | Éditorial | SEO | Liens | À mettre en place | Cela dépend de la contribution éditoriale. Drupal permet d'implémenter ce critère. |
|
| Les liens internes vers les contenus à accès limité sont différenciés. | Développement | UX | Liens | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Les liens provoquant l’ouverture d’un logiciel externe ont un libellé explicite. | Éditorial | Accessibilité | Liens | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| L’utilisateur est averti des ouvertures de nouvelles fenêtres. | Éditorial | Accessibilité | Liens | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Le format des fichiers proposés en téléchargement est indiqué. | Développement | Accessibilité | Liens | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| 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. |
|
| La langue des fichiers en téléchargement est précisée lorsqu’elle diffère de celle de la page d’origine. | Éditorial | Accessibilité | Liens | À mettre en place | 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 | UX | Liens | À mettre en place | La conformité dépend du nommage des fichiers, |
|
| 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 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 fréquence d’envoi des newsletters est consultable avant l’abonnement. | Conception | UX | Newsletter | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Les textes pouvant être mis en forme via des styles ne sont pas remplacés par des images. | Développement | SEO | Présentation | À mettre en place | La conformité dépend de la contribution. |
|
| Les styles ne justifient pas le texte. | Éditorial | UX | Présentation | À mettre en place | La conformité dépend de la contribution éditoriale. |
|
| Le serveur envoie une page d’erreur 404 personnalisée. | Développement | UX | Serveur et performances | Fonctionnalité native | Conforme par défaut. La page est a personnaliser via la contribution. |
|
| Le serveur envoie une page d’interdiction 403 personnalisée. | Développement | UX | Serveur et performances | Fonctionnalité native | Conforme par défaut. La page est a personnaliser via la contribution. |
|
| Le contenu de chaque page est organisé selon une structure de titres et sous-titres hiérarchisée. | Éditorial | SEO | Structure et code | À mettre en place | Cela dépend de la contribution éditoriale. |
|
| Le texte des documents PDF internes est sélectionnable. | Éditorial | SEO | Structure et code | À mettre en place | Dépend des fichiers téléversés. |
|
| Les documents PDF internes sont dotés d’une structure de titres. | Éditorial | SEO | Structure et code | À mettre en place | Dépend des fichiers téléversés. |
|
| La linéarisation des tableaux utilisés pour la mise en page ne nuit pas à la compréhension des contenus. | Développement | Accessibilité | Structure et code | À mettre en place | Cela dépend de la contribution éditoriale. |
|
| Les tableaux de données ne sont pas simulés. | Éditorial | SEO | Structure et code | À mettre en place | Cela dépend de la contribution éditoriale. |