Atelier The Web Quality Assurance Check-list

Title Commentaires
La page d'accueil contient des éléments textuels facilitant le référencement par des moteurs. 0
Le recours à l'ouverture de liens dans une nouvelle fenêtre est cohérent à travers le site [DOUBLON] 0
Users can switch between the website’s mobile and desktop versions from each page. 5
La taille des sprites CSS ne doit pas dépasser 2000 x 2000 pixels. 0
Les propriétés CSS préfixées sont utilisées à bon escient. 0
Si le site propose un espace personnel ou abonné, son accès est sécurisé (DOUBLON) 0
Les contenus masqués qui doivent être lus dans un lecteur d'écran ne leur sont pas dissimulés [DOUBLON-174] 0
le titre cliquable d'une page est associé à un extrait dans le résultat d'une recherche, dans un flux RSS restreint, dans une liste de pages 0
Les publicités sont incluses dans des éléments possédant la même classe. 0
L'attribut style n'est pas utilisé par les scripts si des classes ou identifiants permettent d'appliquer un style externe. 0
Une URL pointant vers un sous domaine ne doit pas commencer par "www" 0
Le site ne pratique pas de détection du user-agent. 6
Le site n'impose pas de changement brusque de luminosité. 0
Le serveur envoie une page d'autorisation 401 personnalisée. 0
S'assurer que la langue utilisée est toujours la même au cours d'un formulaire (y compris les raison du rejet d'une saisie) 0
Les contenus vidéo sont dotés d'une description audio synchronisée 0
Les polices affichées ont un rendu correct sur toutes les plate-formes 0
Les filtres sans résultat ne sont pas activables 0
The site does not resize the browser window. 1
Le site web ne bloque pas l'utilisation du presse-papier dans les champs des formulaires d'identification (DOUBLON) 0
La date limite de consommation des denrées périssables est indiquée. [NON REALISTE] 0
Sauf opération irréversible spécifiée, les boutons de navigation (précédent, suivant) permettent le déplacement dans l'historique des pages. 0
La zone cliquable de l'hyperlien mesure au moins 2 caractères (espaces compris, genre  ) ou 30px x 10px. 0
Les éléments avec une sémantique native sont préférés. 0
Les formulaires ne demandent pas d'action supplémentaire aux utilisateurs pour prouver qu'ils sont humains. 0
Les données de formulaires sont modifiables avant leur soumission finale 0
Une couleur d'arrière-plan est définie pour chaque zone de texte 0
La langue et le pays de l'utilisateur sont dissociés (ex: Suisse). Les langues ne sont pas affichées par l'intermédiaire d'un drapeau. 1
La page ne contient pas de contenu mixte 0
Le contenu du panier reste disponible dans le temps. 0
Words do not bear any internal space or markup 0
Il est possible d'ajouter, modifier ou supprimer le panier sans avoir à ouvrir un compte 0
La consultation de contenus multimedia dans une page ne provoque pas le rechargement complet de celle-ci. 0
Mail and phone information for companies’ and organizations’ local branches or headquarters are provided. 0
Les données personnelles issues des APIs tierces (Facebook, Twitter...) ne sont pas enregistrées en base. 0
Les réponses AJAX peuvent être mises en cache 0
Chaque page comporte une date de mise à jour. 0
Un suivi des statistiques permet au propriétaire du site de consulter le taux de conversion des objectifs. 0
Le site ne propose pas de fenêtre intrusive de sondage ou d'avis sur le site dès l'arrivée de l'internaute sur le site. 0
Les objectifs du site sont présents et pertinents. 0
Calls to external scripts are put after the content 4
Le fichier .htaccess n'est pas utilisé. 0
Aucun changement de contexte n'est effectué sans en avertir l'utilisateur 1
Les images sont identifiables par les daltoniens 0
L'objectif des cookies utilisés est signalé 0
Le libellé d'un hyperlien n'est pas l'hyperlien lui-même mais "du vrai texte" 0
Les libellés des éléments de formulaire sont cohérents sur toutes les pages 0
Si le site propose un moteur de recherche thématique, un plugin de recherche est disponible 0
Le mot de passe est envoyé par mail après sa création ou sa modification 0
Si le contenu change d'adresse, utilisation de redirection au niveau du server : 301 Permanent Redirect 1
Internal PDF documents are tagged 0
L'ordre de présentation des éléments dans les blocs de navigation est identique sur toutes les pages 0
La conversion d'une image au format "jpeg" vers le format "png" ne produit pas un fichier de poids inférieur. 0
Lorsque plusieurs moyens de contact du même type sont proposés, une distinction est précisée 0
Le plan de nommage au sein d'un parc de site est cohérent 0
La version alternative d'un contenu en donne une information équivalente 0
Si des mots-clés ou une description sont présents dans l'entête du code de la page, ils sont cohérents avec le contenu du site. 0
The content does not include nested tables 0
Aucune limite de temps excédant 20 heures n'est imposée à l'utilisateur 3
Les données utilisateurs ne sont pas revendues à des tiers sans avertissement. 0
Le serveur ou le code des pages précise la nature des contenus (présence ou non de contenus à caractère sexuel, violent, etc). 0
L'utilisateur est invité au moins une fois par mois à changer son mot de passe 0
Le titre du site présent en en-tête (logo ou titre simple) possède un lien renvoyant à la page d'accueil. 0
L'URL et le contenu d'une page sont exprimés dans la même langue (POUR CL SEO) 0
[DOUBLON] Le site n'emploie aucune technique destinée à bloquer ou gêner l'affichage et/ou la lecture du code source. 0
Les titres, libellés et contenus alternatifs sont traduits dans la langue de la page. 0
La nécessité d'installer un logiciel supplémentaire est indiqué avant la validation de la commande (DOUBLON) 0
Les coordonnées du whois sont correctes. 0
Form validation on the client side is also done on the server side 1
Les contenus postés via des formulaires sont filtrés pour éviter les injections. 1
Le site ne comporte pas de tableau de données complexe 0
L'envoi du mot de passe vers le serveur doit se faire de manière sécurisée à l'aide d'un grain de sel unique 1
Les liens et les contrôles de formulaires ne sont pas simulés par des événements javascript sur d'autres éléments 0
Proposer aux internautes de participer à l'amélioration du site en étant pris en compte dans les statistiques d'audience 0
Les styles et contenus dédiés aux terminaux mobiles permettent un rendu sans double scroll 0
Un mot de passe envoyé par email doit être changé à la première connexion au service 1
Le serveur envoie les informations relatives à la politique de confidentialité et de respect de la vie privée. 0
L'utilisateur est informé lors d'une saisie si CAPS LOCK est activé 0
Une limite supérieure est définie, affichée et respectée pour la longueur des alternatives textuelles des images 0
Les images CSS sont regroupées dans un seul sprite 0
Les appels à l'action vers les objectifs du site sont présents et pertinents. [PRECISER] 0
Cryptic syntaxes (SMS language, ASCII art, etc.) are explained or translated 0
Un contenu uploadé n'est pas publié sans confirmation 0
Les images de fond sont surdimensionnées par rapport à la zone qu'elle décore 0
Every image is provided with a proper alternative text 0
Navigating the site does not forcefully open any new window 0
Si les messages envoyés à postmaster@domaine.extension et webmaster@domaine.extension ne sont pas traités, le serveur de mails le signale à l'expéditeur [VERIFIABLE][FORMULATION][VALEUR AJOUTEE] 0
Les appels de scripts ne sont pas dupliqués 0
Les noms des fichiers proposés sur le site ne comportent pas d'espaces ou de caractères spéciaux 0
Le site ne change pas la page d'accueil par défaut de l'utilisateur sans son consentement. 0
Il y a des facilités d'échange et d'appropriation des pages (impression du document dans un template, fonctions d'interactivité, contact pour laisser des commentaires...) 0
Les informations de style sont placées dans des fichers externes aux pages 0
les messages d'erreur de saisie de formulaires sont munis d'étiquettes correspondants aux champs en erreur. 0
Un service en ligne impliquant la création/l'utilisation d'un mot de passe utilisateur doit mettre en œuvre un dispositif de chiffrement (sha1, etc.) pour le stockage du mot de passe. Ce dernier ne devant également jamais être véhiculé par différents biais (email, SMS ou autres). 0
Les symboles de ponctuations ne sont pas doublés ni triplés. 0
Les appels aux feuilles de style sont placés avant les contenus 0
Le contenu de la page restituable à l'utilisateur ne contient que des données qui lui sont destinées 0
La langue affichée correspond à celle mentionnée par l'agent utilisateur [DOUBLON-218] 0
Les archives de newsletter sont proposées au format Web 0
Les liens affichés sous forme d'url sont explicites 0
Sentences or groups of words in text images are not cut up in several images 0
La durée et le mode d'archivage des transactions sont spécifiés 0
Real dimensions of images are indicated in the source code 3
Le site est compatible avec tous les navigateurs détenant au moins 5 % de part de marché 0
Une limite supérieure est définie, affichée et respectée pour le poids des pages et les exceptions sont signalées 0
Le site ne comporte pas de syntaxe cryptique (Langage SMS...) 0
La date et l'heure du serveur sont correctes 0
Une alternative est proposée aux iframes. 0
Si des images sont générées dynamiquement et réutilisée ultérieurement, préférer créer et utiliser le fichier pour les fois suivantes 0
Les 65 premiers caractères du titre de chaque page permettent d'en identifier le contenu. 0
Optimiser les sélecteurs CSS 0
Les styles sont appelés avec des liens et non via des imports 0
Respecter les conventions typographiques de ponctuation dans la langue utilisée. 0
L'information principale est donnée au début de chaque segment de texte. 0
Les hyperliens contenus dans les tableaux possèdent un libellé explicite. 0
Les points de suspension ne sont pas remplacés par une succession de points. 0
Si le site a une vocation internationale, il prend en considération les paramètres régionaux des pays concernés (format des dates et des nombres, formats d'impression, variantes orthographiques liés à l'association d'une langue et d'un pays, format des bibliographies, l'utilisation des lettres capitales, les règles de tri, les abréviations et les conventions d'écriture, les acronymes...). 0
Les mots de passe sont saisis sur des formulaires sécurisés. 0
Minimiser les accès au DOM par les scripts 0
Le type de média des feuilles de style est correctement renseigné dans le code source 0
Le serveur envoie une page d'erreur interne 500 personnalisée. 0
Minimiser le nombre de requête DNS 0
L'accès au site n'est pas réservé à un type de terminal (desktop, mobile) 0
Ne pas les imposer dans les scripts les noms des identifiants et classes mais permettre de renommer facilement. [VALEUR AJOUTEE] 0
Une réponse à une demande d'information est envoyée sous 5 jours ouvrés. 0
Les mots de passe générés ne comportent que des caractères alphanumériques sans caractères spéciaux. 0
Les majuscules sont correctement employées 0
Le nombre d'éléments présents dans le DOM est inférieur à 1500. 0
Inline styles are used in an appropriate way 1
Le format des fils de syndication est spécifié 0
Le libellé des liens pointant vers les fils de syndication en précise le format 0
Les contenus multimédias diffusés en direct comportent des sous-titres synchronisés 0
Les alternatives audio aux captchas sont audibles et compréhensibles 0
Il est possible de naviguer au clavier dans un ordre logique dans les contenus mis à jour via javascript 0
Les images de fond sont doublées par une couleur garantie pour le Web. 0
Les styles dédiés ne masquent pas à l'impression le nom de l'auteur, l'URL, la date ou les droits de copie et de réutilisation. 0
The server sends the main language of contents as a header 0
La propriété CSS filter est peu ou pas utilisée. 0
The site does not use framesets. 0
Lorsque le site invite à utiliser un agent utilisateur spécifique, il identifie cette invitation comme une publicité 0
Les fichiers en téléchargement sont proposés dans au moins un format dont les spécifications sont publiques. 0
Le code source de chaque page traduite indique l’adresse des traductions et leur langue 0
Le site proposé une favicon adaptée au périphérique employé. 0
Le serveur est configuré pour ne pas renvoyer d'erreurs système 0
Les ETag sont désactivés pour tous les composants. 0
Hors démonstration technique, le site ne limite pas son accès ou ses services à un logiciel ou un matériel 0
L'organisation de chaque tableau complexe est explicitée 0
Les pages proposent un accès à une information synthétique pour les contenus sonores, visuels, animés et médias synchronisés 1
Une demande valable de retrait ou édition de contenu est exécutée sous 5 jours ouvrés 0
Ne pas réduire les BP au E-commerce lorsqu'elles sont valables dans un contexte de service public et/ou non marchand en ligne. 0
Le site propose une page d'aide. 0
Les pages ne contiennent pas de pièges pour la navigation au clavier 0
Les pages ne contiennent pas d'éléments select permettant la saisie simultanée de plusieurs options 0
Des références externes de confiance (par exemple une citation ou un lien vers une référence) légitiment les informations présentées et/ou leurs auteurs. 3
Le site ne s'ajoute pas aux favoris de l'utilisateur sans son consentement. 0
Éviter l'utilisation de la propriété CSS "expression". 0
Les méta-informations des images sont supprimées. 0
Les maintenances et mises à jour du site et/ou de son contenu sont systématiquement communiquées. 0
Each page provides a link to available translations 0
Le nombre de résultats par page du moteur de recherche interne est configurable par l'utilisateur 0
The publication date and/or the issue number of the newsletter are indicated in the subject of messages 0
L’utilisateur est invité à choisir un mot de passe robuste (DOUBLON) 0
[DOUBLON] Un mécanisme permet d'afficher le mot de passe en clair lors d'une saisie 2
Le site ne propose pas de contenus dupliqués 0
Le site ne fait appel qu'à une seule feuille de style provenant du domaine 0
Les sprites css ne contiennent pas d'images non utilisées 0
The data in the site’s WHOIS information allow users to connect it with its owner. 0
Les informations relatives à la zone de livraison des produits ou de réalisation des services sont envoyés par e-mail dans les 60 minutes suivant la validation [DOUBLON-260] 0
La longueur du nom de domaine fonctionnel est inférieure ou égale à 30 caractères. 0
Les mises à jour sont signalées (d'une manière pertinente par rapport au contexte) 0
Gérer convenablement la mise en cache de tout les composants de la page. 0
La navigation sur le site ne provoque pas l'affichage d'alertes Javascript 0
Le code HTML ne contient pas de commentaires (hors commentaires conditionnels) 0
Chaque document téléversé par l'utilisateur est disponible pour d'autres procédures dans son espace personnel ou abonné 1
Les informations de présentation sont regroupées dans une ou plusieurs feuilles de style externes 0
Les avertissements et alertes ne bloquent pas la navigation 0
Les éléments contenu dans le fils de syndications ne sont pas une version tronquée des éléments associés en ligne. 0
Les plans d'accès sont complétés par une description de la route à suivre 0
The amount of different fonts used on the site is less than or equal to three (except when showing works or graphic products) 0
Chaque rubrique ou groupe de pages possède sa navigation propre 0
La durée de vie des cookies est indiquée 0
Les espaces insécables sont employés quand cela est nécessaire. 0
Tous les hyperliens externes du site sont valides. 0
Si le site propose une interface et/ou des contenus en plusieurs langues, l'utilisateur peut définir ses préférences linguistiques pour adapter le site à ses compétences. 0
Les URL internes du site ne contiennent pas d'espaces. 0
Les courriels envoyés par le site sont rédigés dans la langue de la page ayant déclenché l'envoi. 0
Les pages contiennent des liens transversaux, alternatifs à la navigation par les menus. 2
Le site se limite à un seul fichier de script provenant du domaine 0
Le site ne propose pas d'images cliquables côté serveur 0
L'utilisateur peut choisir de recevoir l'intégralité de l'information dont il est notifié par un site 0
Le site n'utilise pas plus de deux modes d'insertion de contenus publicitaires. 0
L'identité du ou des traducteurs est indiquée 0
Le site permet d'ouvrir un lien dans une nouvelle fenêtre ou dans un nouvel onglet indépendamment du périphérique. 0
Le serveur envoie une page d'erreur 500 personnalisée. 0
Les espaces contribués ont un mécanisme qui force les retours à la ligne quand les textes sont trop longs. 0
Un mot de passe peut avoir un nombre minimum de caractères mais pas de nombre maximum. 1
Le site n'impose pas de restrictions à la forme, à l'emplacement ou au comportement des liens entrants [DOUBLON] 0
Le comportement des périphériques n'est pas modifié sans un avertissement préalable. 0
Les menus de raccourcis vers la page ne contiennent pas de liens vers d'autres pages. 0
Les captchas audio peuvent être lancés, relancés ou mis en pause. 0
le focus clavier est mis en évidence. 2
Les méthodes d’affichages progressifs sont préférées. 0
Le site n’emploie pas de technique visant à tromper l’utilisateur. 0
[DOUBLON] L’affichage de contenus publicitaires ou sponsorisés ne vient pas automatiquement modifier la mise en page 1
Les champs de saisie redimensionnables peuvent être agrandis sans perte de lisibilité. 0
Les paginations affichent en permanence le nombre total de pages (DOUBLON) 0
Le site permet de quitter le navigateur indépendamment du périphérique 0
Les patrons de conception des éléments d'interface riches sont respectés. 0
Une procédure de changement de mot de passe réussie connecte automatiquement l'utilisateur. 0
Les mécanismes de fermeture de fenêtres ne sont pas positionnées à proximité des barres de défilement verticales. 0
Les contenus restent accessibles avec un bloqueur de publicité activé. 0
L’orientation du périphérique n’est pas contrainte pour accéder aux contenus. 0
La civilité ne fait pas de distinction entre madame et mademoiselle. 0
User passwords allow graphic characters from the ASCII table. 1
The site provides at least one means of contact. 0
[DOUBLON] Le site accepte les caractères spéciaux ? 2
[DOUBLON] Le site n’emploie aucune technique destinée à bloquer ou gêner l’affichage et/ou la lecture du code source. 3
Dans les pages contenant plus de deux sections, chaque section peut être directement atteinte via une ancre 6
[DOUBLON] L'utilisateur est informé de la date de publication des contenus qui le nécessitent 3
[DOUBLON] La date de mise à jour des contenus contractuels est indiquée. 0
[DOUBLON] Les dates de mise à jour sont mises à disposition sous forme programmatique 3
Un lien vers le référentiel MonOpquast permet de vérifier les bonnes pratiques mises en oeuvre. 2
[DOUBLON] La procédure de rectification ou de suppression des données personnelles est indiquée 8
[DOUBLON] Chaque contenu audio et vidéo doit signaler la présence de la transcription textuelle ou des sous-titres. 9
[doublon]L'interface de connexion ou de création de compte n'empêche pas le copier/coller de mot de passe. 1
[DOUBLON]Le site permet la modification ou la suppression d'un moyen de paiement par défaut. 2
Si le site déclare respecter un ou plusieurs standards ou référentiels, il respecte l'esprit du référentiel et ne contourne aucune des règles. 2
Les ressources réputées statiques sont mises en cache côté navigateur 5
[DOUBLON] Il est possible de modifier ses coordonnées (adresse e-mail, adresse postale…) dans un espace privé. 1
Dans un formulaire, ne pas rendre le numéro de téléphone obligatoire quand une adresse e-mail est renseignée et vice-versa, ne pas rendre l'adresse e-mail obligatoire quand le numéro de téléphone est renseigné. 4
[DOUBLON] Les composants d’interface ou les éléments graphiques porteurs d’informations sont présentés avec un contraste suffisant par rapport à l’arrière-plan contigüe. 1
[DOUBLON] Tout changement d’url doit faire l’objet d’une redirection appropriée  (éviter les erreurs 404) 2
[DOUBLON]Les champs de validation de transaction ont le focus par défaut 0
Le contenu doit être visible et lisible quelque soit son périphérique. 2
[DOUBLON] Traduction / Si un sélecteur de langue est présent sur le site, celles-ci sont affichées dans leur propre langue Objectif : pouvoir faciliter la compréhension pour chaque langue. Exemple : un russe ne comprendra pas forcément les caractères non cyrilliques et inversement pour un français pour retrouver la langue française si celle-ci est écrite en russe. 1
[DOUBLON] Signaler les liens pointant sur une URL restreinte ou un article au contenu restreint (« Réservé aux abonnés »), en l’indiquant explicitement dans l’intitulé et/ou ajouter un signe distinctif (pictogramme) dans l’intitulé de lien. 0
Le choix des caractères de mot de passe est libre 24
Lorsque que le site attends une action d'un utilisateur il met le focus sur l'élément en question 1
Les intitulés dans les formulaires sont explicites et ne cherchent pas à tromper l’utilisateur. (Double négation sur l’inscription à une newsletter par exemple.) 3
Les mécanismes d’Optout et d’optin sont de même taille et visibilité 2
L'année de publication d'un contenu d'actualité est précisée dans les méta-données destinées au partage du contenu sur les médias sociaux. 1
Le Site doit spécifier que JavaScript doit être activé, si son utilisation est obligatoire pour le fonctionnement du service numérique (cas des frameworks JS) 4
Les classes CSS ne sont pas renommées dynamiquement et aléatoirement. 8
[Doublon] Si un lien est temporaire, la date d'expiration est précisée. Cas d'utilisation : lien reçu par email pour confirmer la création d'un compte lien permettant de récupérer un fichier (ex: Wetransfer) 4
Le site ne remplace pas les raccourcis clavier natifs des navigateurs 4
[DOUBLON] La vitesse de défilement d'une page web n'est pas modifiée ou altérée par un script. 1
L'interface utilisateur du site n'est pas altérée par l'apparition ou la disparition de la barre de défilement du navigateur. Exemple de mauvaise pratique : un sous menu qui s'ouvre en plein écran, faisant disparaître la barre de défilement et provoquant le déplacement des éléments du menu, du logo, etc. de 30px . Peut être un cas trop anecdotique pour une BP ? 2
[DOUBLON] Le site n'effectue pas de redirection automatique vers une application mobile 1
Aucun cookie ne doit être déposé sur le client avant son approbation. 10
Les contenus multimédias sont disponibles en téléchargement 6
Les liens externes s'ouvrent dans une nouvelle fenêtre 4
[DOUBLON] Lors d'une soumission de formulaire, si des champs sont en erreur, leur saisie n'est pas effacée. 3
[DOUBLON] Les codes de validation d’opérations sont accompagnées de leur durée de validité 3
Les éléments d'interaction qui font apparaître ou disparaître des contenus sont placés au même emplacement dans la page 9
[RGPD] Le consentement ou non à la collecte et au traitement des données est visible/disponible dès le début de la page/popin. 2
L'ajout ou la modification de l'interface ne crée pas de saut des éléments interactifs déjà présents. 8
La validation des préférences globales – Tout refuser ou Tout accepter – au consentement et à la collecte des données est visible/disponible sans obligation de dérouler toutes les finalités des partenaires. 1
[DOUBLON] Le site ne dispose pas de plusieurs encodage dans une même page 2
Les urls internes ne contiennent pas l'url du site * NON : Article interne * Oui : Articles interne * Oui : Articles interne Autrement dit, il s'agit d'url relatives, ou absolue par rapport à la racine du site. 5