Web Quality Checklist

The Web Quality Checklist is intended for all professionals who create websites. It is designed in a collaborative way by a community of Web professionals led by the French company Opquast. The checklist is released under the CC-BY-SA Licence. Access Github Repo.
quality-assurance; good-practices;
Checks are saved in your local storage

La check-list Qualité Web s'adresse à tous les professionnels qui créent des sites Web. Elle est conçue de façon collaborative par une communauté de professionnels animée par la société française Opquast (Open Quality Standards). la check-list est diffusée sous licence Creative commons BY-SA. la version originale est disponible à l'adresse : https://checklists.opquast.com/fr/qualiteweb/

Alternatives

  • 1. Chaque image décorative est dotée d'une alternative textuelle appropriée.
  • 2. Chaque image-lien est dotée d'une alternative textuelle appropriée.
  • 3. Chaque image porteuse d'information est dotée d'une alternative textuelle appropriée.
  • 4. Les objets inclus sont dotés d'une alternative textuelle appropriée.
  • 5. Les contenus générés via les styles sont dotés d'une alternative appropriée.
  • 6. Les pictogrammes typographiques sont dotés d'une alternative appropriée.
  • 7. Chaque contenu audio et vidéo est accompagné de sa transcription textuelle.
  • 8. L'information n'est pas véhiculée uniquement par la couleur.
  • 9. Les captchas audio peuvent être réécoutés à volonté.
  • 10. Les captchas sont accompagnés d'une solution alternative d'accès.

Code

  • 11. Le code source de chaque page débute par une déclaration de type de document dont la syntaxe est conforme à celles recommandées par le W3C.
  • 12. Chaque identifiant HTML n'est utilisé qu'une seule fois par page.
  • 13. Le contenu de chaque page est organisé selon une structure de titres et sous-titres hiérarchisée.
  • 14. Le site n'impose pas de redirection ou de rafraîchissement automatique côté client.
  • 15. Les dates sont présentées dans des formats explicites.
  • 16. L'emplacement des blocs de navigation est cohérent dans le code source de toutes les pages.
  • 17. Le codage de caractères utilisé est UTF-8.
  • 18. Le code source de chaque page contient une métadonnée qui définit le jeu de caractères.
  • 19. Un contenu qui doit être restitué dans un lecteur d'écran ne lui est pas dissimulé.
  • 20. Le contenu et le sens de chaque page ne sont pas altérés lorsque les styles sont désactivés.
  • 21. Les éléments visuellement présentés sous forme de liste sont balisés de façon appropriée dans le code source.
  • 22. Les textes pouvant être mis en forme via des styles ne sont pas remplacés par des images.
  • 23. La première occurrence d'une abréviation ou d'un acronyme dans le corps de chaque page donne accès à sa signification.
  • 24. Le code source de chaque page ne contient pas d'éléments détournés à des fins de présentation.
  • 25. Le code source de chaque page ne contient pas d'éléments ou d'attributs de présentation.

Contact

  • 26. Le site propose au moins un moyen de contact.
  • 27. Le site propose au moins deux moyens de contact.
  • 28. Les coordonnées postales et téléphoniques de la représentation locale ou du siège social des sociétés et organisations sont indiquées.
  • 29. Chaque demande d'information fait l'objet d'un accusé de réception.
  • 30. Les délais de réponse aux demandes d'information sont indiqués.
  • 31. Les données contenues dans le Whois du site permettent de le relier directement à son propriétaire.
  • . Contenus
  • 32. Le titre de chaque page permet d'identifier le site.
  • 33. Le titre de chaque page permet d'identifier son contenu.
  • 34. Les contenus publicitaires ou sponsorisés sont identifiés comme tels.
  • 35. Les informations relatives aux droits de copie et de réutilisation sont accessibles depuis toutes les pages.
  • 36. Le site fournit aux utilisateurs la possibilité de connaître les nouveaux contenus ou services.
  • 37. Si le site propose un espace personnel ou abonné, il est possible de sauvegarder les contenus personnels dans un format standard.
  • 38. Un lexique ou un glossaire adapté au public visé explique le vocabulaire sectoriel ou technique.

E-Commerce

  • 39. L'achat d'un produit ou service est possible sans création de compte.
  • 40. Aucun produit ni service annexe n'est ajouté au panier de commande sans que cette action soit déclenchée par l'utilisateur.
  • 41. La disponibilité des produits est indiquée avant la validation définitive de la commande.
  • 42. Le délai de livraison estimé est indiqué avant la validation définitive de la commande.
  • 43. Les modalités de récupération d'un bien dématérialisé sont précisées avant la commande.
  • 44. 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.
  • 45. La nature et les caractéristiques quantifiables des produits et services sont indiquées.
  • 46. La période et les conditions de validité des offres spéciales et promotions sont indiquées.
  • 47. 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é.
  • 48. Le sous-total détaillé est indiqué avant la validation définitive de la commande.
  • 49. Les conditions de financement sont indiquées.
  • 50. Les conditions de fonctionnement du service après-vente sont indiquées.
  • 51. Les conditions de débit ou d'encaissement sont spécifiées avant la validation définitive de la commande.
  • 52. Les conditions de garantie sont indiquées.
  • 53. Les conditions de vente ou d'utilisation sont accessibles depuis toutes les pages.
  • 54. Les informations relatives à la zone de livraison des produits ou de réalisation des services sont indiquées.
  • 55. Les moyens de paiement acceptés et les procédures correspondantes sont indiqués.
  • 56. Les horaires et tarifs de fonctionnement des services mis à la disposition des utilisateurs sont indiqués.
  • 57. Les recours en cas de litige sont indiqués dans les conditions générales de vente ou d'utilisation.
  • 58. L'adresse et les conditions de retour des produits sont indiquées.
  • 59. Le mode de dépôt et la procédure de traitement des réclamations sont indiqués.
  • 60. Les conditions de remboursement sont indiquées.
  • 61. Les matériels et logiciels nécessaires au fonctionnement du service sont indiqués avant la validation de la commande.
  • 62. Les prix affichés mentionnent le détail des taxes et suppléments éventuels ainsi que le montant hors taxes.
  • 63. Une adresse de livraison différente de l'adresse de facturation peut être spécifiée.
  • 64. Le site accepte au moins deux moyens de paiement.
  • 65. La référence de la transaction est affichée au client après la validation de sa commande.
  • 66. 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.
  • 67. Les produits indisponibles font l'objet d'une différenciation visuelle et textuelle.
  • 68. Un courriel indiquant la référence de la transaction et les données de la commande est envoyé suite à la validation.
  • 69. Chaque réclamation fait l'objet d'un accusé de réception.
  • 70. Le site propose au moins un moyen de contacter le responsable des réclamations.

Espaces publics

  • 71. Le site propose au moins un moyen de contacter le modérateur des espaces publics.
  • 72. Les espaces publics proposent au moins un moyen de signaler les abus.
  • 73. Les conditions de modération des espaces publics sont indiquées.
  • 74. Les contenus ou fichiers destinés à des espaces publics peuvent être vérifiés avant leur envoi définitif.
  • 75. Les informations destinées à des espaces publics peuvent être prévisualisées sous la forme où elles seront affichées.
  • . Fichiers et multimédia
  • 76. La durée des contenus vidéo ou audio est indiquée.
  • 77. Le format des fichiers proposés en téléchargement est indiqué.
  • 78. La taille des fichiers internes proposés en téléchargement est indiquée.
  • 79. La langue des fichiers en téléchargement est précisée lorsqu'elle diffère de celle de la page d'origine.
  • 80. Les animations, sons et clignotements peuvent être mis en pause.
  • 81. Le déroulement des animations ne bloque pas la navigation ou l'accès aux contenus.
  • 82. Les sons et vidéos sont déclenchés par l'utilisateur.
  • 83. Le texte des documents PDF internes est sélectionnable.
  • 84. Les documents PDF internes sont dotés d'une structure de titres.

Formulaires

  • 85. Chaque champ de formulaire est associé dans le code source à une étiquette qui lui est propre.
  • 86. Les informations complétant l'étiquette d'un champ sont associées à celui-ci dans le code-source
  • 87. L'étiquette de chaque champ de formulaire indique si la saisie est obligatoire.
  • 88. L'étiquette de chaque champ de formulaire indique, le cas échéant, quel format de saisie doit être respecté.
  • 89. L'utilisateur est averti lorsqu'une saisie est sensible à la casse.
  • 90. 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.
  • 91. Les caractères saisis dans un champ de mot de passe peuvent être affichés en clair.
  • 92. Chaque étiquette de formulaire est visuellement rattachée au champ qu'elle décrit.
  • 93. En cas de rejet des données saisies dans un formulaire, les champs contenant les données rejetées sont indiqués à l'utilisateur.
  • 94. En cas de rejet des données saisies dans un formulaire, les raisons du rejet sont indiquées à l'utilisateur.
  • 95. En cas de rejet des données saisies dans un formulaire, toutes les données saisies peuvent être modifiées par l'utilisateur.
  • 96. Lors de la saisie d'un formulaire réparti sur plusieurs pages, un récapitulatif global est affiché avant l'envoi définitif.
  • 97. La page affichée après l'envoi d'un formulaire permet de reprendre directement la navigation.
  • 98. La soumission d'un formulaire est suivie d'un message indiquant la réussite ou non de l'action souhaitée.
  • 99. Les processus complexes sont accompagnés de la liste de leurs étapes.
  • 100. L'étape en cours d'un processus complexe est indiquée.
  • 101. Chaque étape d'un processus complexe permet de revenir à l'étape précédente.
  • 102. L'utilisateur est averti de la perte d'information en cas d'utilisation de l'historique de son navigateur dans un processus complexe.
  • 103. La navigation dans un processus complexe ne provoque pas la perte des données précédemment soumises.
  • 104. Le copier coller est possible dans les champs de formulaire.
  • 105. Les éléments d'une liste déroulante qui peuvent être regroupés le sont de manière appropriée.
  • 106. Les listes d'options de formulaires sont présentées dans un ordre identifiable.

Hyperliens

  • 107. Chaque lien est doté d'un intitulé dans le code source.
  • 108. Le soulignement est réservé aux hyperliens.
  • 109. Les hyperliens sont visuellement différenciés du reste du contenu.
  • 110. Le site n'applique pas le même style aux liens visités et non visités.
  • 111. Le site n'impose pas d'interdiction ou de restriction à la mise en place des liens entrants.
  • 112. Le survol ou l'activation des hyperliens ne modifie pas la mise en page.
  • 113. Les hyperliens de même nature ont des couleurs, des formes et des comportements identiques sur toutes les pages.
  • 114. Tous les hyperliens internes du site sont valides.
  • 115. Le libellé de chaque hyperlien décrit sa fonction ou la nature du contenu vers lequel il pointe.
  • 116. Les hyperliens consécutifs sont séparés visuellement.
  • 117. Les hyperliens internes et externes sont différenciés.

Identification

  • 118. L'identité de l'auteur, de la société ou de l'organisation est indiquée.
  • 119. L'identité de la personne ou du service responsable des contenus est indiquée.
  • 120. La page d'accueil expose la nature des contenus et services proposés.
  • 121. Le nom du site et/ou le nom de l'auteur sont indiqués sur chaque page.
  • 122. Si le site est réservé ou destiné à un public spécifique, ce public est mentionné au moins sur la page d'accueil.
  • 123. L'adresse complète et le numéro de téléphone des sociétés et organisations sont accessibles depuis toutes les pages du site.
  • 124. La racine du site contient des instructions pour les robots d'indexation.
  • 125. Le code source de chaque page contient une métadonnée qui en décrit le contenu.
  • 126. Le code source des pages contient un appel valide à un icône de favori.
  • 127. L'extension utilisée est cohérente avec l'identité, l'activité, la zone géographique couverte ou avec le nom de domaine.
  • 128. Le site propose un fichier sitemap indiquant les contenus à explorer.
  • 129. Si le site déclare respecter un ou plusieurs standards ou référentiels, un lien est proposé vers chacun d'entre eux.

Internationalisation

  • 130. L'indicatif international est disponible pour tous les numéros de téléphone.
  • 131. Le pays est précisé pour toutes les adresses postales.
  • 132. Le code source de chaque page indique la langue principale du contenu.
  • 133. La langue principale de la page cible d'un hyperlien est identifiable lorsqu'elle diffère de celle de la page d'origine.
  • 134. Chaque changement de langue est signalé.
  • 135. Les liens d'accès aux versions traduites pointent directement vers la traduction de la page courante.
  • 136. Les liens vers les versions équivalentes de la page ou du site sont rédigés dans leur langue cible.

Mobile

  • 137. Le serveur ne force pas la redirection de la version desktop vers la version mobile.
  • 138. Il est possible de basculer depuis chaque page entre les versions mobile et desktop du site.
  • 139. Le site ne bloque pas les fonctionnalités de zoom du navigateur.
  • 140. Les alertes javascript et fenêtres modales invitant à l'installation d'une application mobile ne se produisent qu'une seule fois par session.
  • 141. La promotion de l'application mobile ne recourt ni aux alertes javascript ni aux fenêtres modales.
  • 142. Le site propose un ou plusieurs mécanismes dédiés à l'adaptation aux terminaux mobiles.
  • 143. Les champs de saisie de type mail, URL, téléphone, nombre, recherche, mots de passe, heure et date sont dotés du type approprié.
  • 144. Les numéros de téléphone sont activables via le protocole approprié.

Navigation

  • 145. Chaque iframe est doté d'une description.
  • 146. Le site n'emploie pas la technique des jeux de cadres.
  • 147. Il est possible de revenir à la page d'accueil depuis toutes les pages.
  • 148. L'utilisateur est averti des ouvertures de nouvelles fenêtres.
  • 149. La navigation sur le site ne provoque pas l'ouverture de fenêtres surgissantes (popups).
  • 150. Les mécanismes de fermeture de fenêtres sont visuellement rattachées à leur contenu.
  • 151. Les mécanismes de fermetures de fenêtres sont immédiatement disponibles.
  • 152. Les nouvelles fenêtres dimensionnées et les fenêtres modales sont dotées d'un bouton de fermeture explicite.
  • 153. Les mécanismes de fermetures de fenêtres sont affichés aux mêmes emplacements sur toutes les pages.
  • 154. La consultation du site ne redimensionne pas la fenêtre du navigateur.
  • 155. Le focus clavier n'est ni supprimé ni masqué.
  • 156. Le site est intégralement utilisable au clavier.
  • 157. La navigation au clavier s'effectue dans un ordre prévisible.
  • 158. Le site ne comporte pas de liens internes vers des pages en construction.
  • 159. Chaque page affiche une information permettant de connaître son emplacement dans l'arborescence du site.
  • 160. Le site propose un moteur de recherche interne.
  • 161. 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.
  • 162. Chaque page de résultats de recherche peut être atteint via une adresse Web.
  • 163. Un plan du site est accessible depuis chaque page.
  • 164. Les blocs de navigation de même nature sont affichés aux mêmes emplacements sur toutes les pages.
  • 165. Les icônes de navigation sont accompagnées d'une légende explicite.
  • 166. Les liens provoquant l'ouverture d'un logiciel externe ont un libellé explicite.
  • 167. Si le site n'est pas réservé à un public spécifique, l'accès aux contenus est immédiat.
  • 168. Chaque page contient des liens d'accès rapide placés au début du code source.

Newsletter

  • 169. Un lien de désinscription est présent dans chaque newsletter.
  • 170. La désinscription depuis une newsletter ne demande pas de confirmation par courriel.
  • 171. L'inscription aux newsletters est soumise à un processus de confirmation.
  • 172. La désinscription aux newsletters est possible depuis le site.
  • 173. La dernière newsletter envoyée est disponible en ligne.
  • 174. Les archives de newsletters sont disponibles en ligne.
  • 175. La fréquence d'envoi des newsletters est consultable avant l'abonnement.

Présentation

  • 176. La charte graphique est cohérente sur l'ensemble du site.
  • 177. La taille des polices destinées à l'affichage écran est exprimée en taille variable et non en taille fixe.
  • 178. Le site propose des styles dédiés à l'impression.
  • 179. Le contenu de chaque page est disponible à l'impression sans blocs de navigation.
  • 180. Une famille générique de police est indiquée comme dernier élément de substitution.
  • 181. Les contenus sont présentés avec un contraste suffisant par rapport à leur arrière-plan.
  • 182. Les mises en majuscules à des fins décoratives sont effectuées à l'aide des styles
  • 183. Les styles ne justifient pas le texte.
  • 184. Un contenu n'est pas désigné uniquement par sa forme ou par sa position à l'écran.

Sécurité et confidentialité

  • 185. L'identité des prestataires impliqués dans les transactions est précisée.
  • 186. La politique de confidentialité et de respect de la vie privée est accessible depuis toutes les pages.
  • 187. Le site propose une procédure de réinitialisation du mot de passe.
  • 188. Les mots de passe peuvent être choisis ou changés par l'utilisateur.
  • 189. Les mots de passe choisis par l'utilisateur admettent les caractères imprimables de la table ASCII.
  • 190. Un dispositif sensibilise l'utilisateur sur le degré de sécurisation du mot de passe qu'il choisit
  • 191. Les certificats de sécurité sont signés et en cours de validité.
  • 192. Les données sensibles ne sont pas transmises en clair dans les url.
  • 193. Les échanges de données sensibles sont sécurisés et signalés comme tels.
  • 194. Les en-têtes envoyés par le serveur désactivent la détection automatique du type MIME de chaque ressource.
  • 195. Le serveur indique le type MIME de chaque ressource.
  • 196. Les informations sur la sécurité des transactions sont indiquées.
  • 197. L'objectif des cookies et les limitations inhérentes à leur refus sont expliqués.
  • 198. La procédure d'accès et de rectification des données personnelles est décrite.
  • 199. La création d'un compte est soumise à un processus de confirmation.
  • 200. La création de compte est possible sans recours à un système d'identification tiers.
  • 201. Les comptes ou abonnements ouverts en ligne peuvent être fermés par le même moyen.
  • 202. Le serveur n'envoie pas la liste des fichiers des répertoires n'ayant pas de page d'index.
  • 203. Le serveur envoie les informations d'activation de protection cross site scripting.
  • 204. Le serveur envoie les informations indiquant les domaines autorisés à intégrer ses pages dans des cadres.
  • 205. Le site propose un mécanisme de sécurité permettant de restreindre l'origine des contenus.

Serveur et Performances

  • 206. Le serveur envoie les informations permettant la mise en cache des contenus.
  • 207. Le serveur envoie un code http 404 pour les ressources non trouvées.
  • 208. Le serveur envoie une page d'erreur 404 personnalisée.
  • 209. Le serveur envoie une page d'interdiction 403 personnalisée.
  • 210. Le menu principal de navigation figure sur les pages d'erreur personnalisées.
  • 211. Le serveur transmet des contenus compressés aux clients qui les acceptent.
  • 212. Les en-têtes envoyés par le serveur contiennent les informations relatives au jeu de caractères employé.
  • 213. Le serveur respecte l'ordre préférentiel de langues des outils de consultation.
  • 214. Les feuilles de style du site sont minifiées.
  • 215. Les scripts du site sont minifiés.
  • 216. Les fonctions de scripts internes au site sont placées dans des fichiers externes.
  • 217. L'adresse du site et de ses sous-domaines fonctionnent avec ou sans préfixe www .

Syndication

  • 218. Le code source des fils de syndication indique leur fréquence de mise à jour.
  • 219. Les fils de syndication sont détectables par les agents utilisateurs.
  • 220. Les hyperliens contenus dans les fils de syndication sont absolus.
  • 221. Le site propose au moins un lien vers chaque fil de syndication.

Tableaux

  • 222. Les cellules des tableaux de données sont reliées à leurs en-têtes.
  • 223. Les titres des tableaux de données sont renseignés.
  • 224. La linéarisation des tableaux utilisés pour la mise en page ne nuit pas à la compréhension des contenus.
  • 225. Les tableaux de données ne sont pas remplacés par des images.
  • 226. Les tableaux de données ne sont pas simulés à l'aide de texte mis en forme.

Yay! You completed the checklist top to bottom!
Now spread the ❤︎ by thanking the author, making improvements or creating you own checklist!