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.