Liste de vérifications (checklist des tests) d'une page Web version 2.2

Liste des tests d'une page Web de Hervé Chuzeville - version H.C. 2.2 du 24/09/2013
niv. critère v.
Présentation [ haut ]
1.1 Br. Validation visuelle du respect de la charte graphique
Contenu [ haut ]
2.1 Br. Contenu conforme au contenu source (relecture comparative et/ou comparaison automatique de textes sous Winmerge)
2.2 Br. Fonctionnalités conformes au cahier des charges et au dossier d'analyse-conception (re-pointage unitaire de tous les points de ces deux documents)
Orthographe (et détection des changements de langue) [ haut ]
3.1 Ar. Validation automatique, avec le correcteur orthographique de MS Word (ou l'extension Spell Checker pour Firefox ou, en amont, avec Dreamweaver)"
3.2 Br. Relecture "manuelle"
Liens [ haut ]
4.1 Br. Test manuel des liens (cible conforme)
4.2 Or Test automatique des liens à l'aide de Xenu
Code source [ haut ]
5.1 Br. Vérification "manuelle" du code source (relecture du code) pour les nouvelles pages et nouveaux développements
5.2 Br. Contrôles de cohérence avec Winmerge des différences entre les nouveaux sources et les anciens sources et entre les codes des pages similaires (RM/C)
5.3 Br. Vérification du respect des normes de codage (validation manuelle, ou automatique avec PHP_CodeSniffer pour Eclipse (+ xampp ?)
5.3a Br. Vérification du respect du style de codage PEAR pour le PHP ou des "Java Code Conventions" pour le Java
5.3b Ar. Vérification du respect du style de codage Google pour le HTML et les CSS et le Javascript (tags et attributs en minuscules, attributs entre double quotes, par ordre alphabétique sauf pour le href en premier, propriétés CSS par ordre alphabétique, sauf indentation : 4 caractères et non 2)
5.4 Br. Validation automatique du code HTML avec le validateur HTML du W3C : http://validator.w3.org (à intégrer dans les outils de la barre Web Developper) ou l'extension Firefox "Html Validator" : https://addons.mozilla.org/fr/firefox/addon/249/ paramétré avec les deux algorithmes (HTML Tidy et Analyseur SGML)
5.5 Br. Validation automatique des feuilles de style CSS avec le validateur CSS du W3C : http://jigsaw.w3.org/css-validator/ (1 seul test par feuille - principale, impression, responsive, etc. - pour tout le site)
Accessibilité [ haut ]
6.1 Br. Vérification du rendu sous Lynx : http://cgi.w3.org/cgi-bin/html2txt ou http://www.delorie.com/web/lynxview.html au moins par sondage de 3 pages représentatives pour une extension ou de 10 pages pour une refonte, si possible complexes ou présentant des particularités (tableaux, illustrations, etc.)
6.2 Ar. Validation sous Wave : http://wave.webaim.org/ pour les mêmes pages que le test précédent
6.3 Or Validation sous Truwex : http://checkwebsite.erigami.com/accessibility.html pour les mêmes pages que le test précédent
6.4 Or Validation sous Tanaguru : http://my.tanaguru.com, si besoin, comme aide à la validation manuelle ci-après
6.5 Br. Validation manuelle : liste de vérification des critères d'accessibilité Accessiweb v2.1 (ou RGAA v2.2, au choix) avec l'aide du fichier "Liste synthèse des critères d'accessibilité AccessiWeb d'un site Web" de Hervé Chuzeville, assisté de la barre d'outils accessibilité Web (WAT) pour IE et de la barre d'outils Web Developper pour Firefox
Navigateurs [ haut ]
7.0   (liste donnée sous réserve d'évolution des statistiques : http://fr.wikipedia.org/wiki/Navigateur_web#Parts_de_march.C3.A9 et Xiti)
7.1 Br. Tests sous Internet Explorer 9 : toutes les pages (test en local)
7.2 Br. Tests sous Chrome, dernière version : tous les types de pages (au moins 10 - test en local)
7.3 Br. Tests sous Firefox, dernière version : tous les types de pages (au moins 10 - test en local)
7.4 Ar. Tests sous Internet Explorer 10 : 3 pages, dont l'accueil, si possible présentant des particularités (tableaux, illustrations, vidéos, etc. - test distant : http://browsershots.org)
7.5 Ar. Tests sous Internet Explorer 8 : 3 pages, dont l'accueil, si possible présentant des particularités (tableaux, illustrations, vidéos, etc. - test distant)
7.6 Ar. Tests sous Safari 5 sous Mac : 3 pages, dont l'accueil, si possible présentant des particularités (test distant)
7.7 Or Tests sous Safari sous Iphone 3GS/iOS 5 : tous les types de pages (au moins 5)
7.8 Ar. Tests sous Safari sous Iphone 4/4S/iOS 5 : tous les types de pages (au moins 5)
7.9 Or Tests sous Safari sous Iphone 5/iOS 6 : 3 pages, dont l'accueil, si possible présentant des particularités
7.10 Or Tests sous Safari sous Ipad 1/2 : 3 pages, dont l'accueil, si possible présentant des particularités
7.11 Or Tests sous Navigateur sous Galaxy S2/Androïd 2.2 : 3 pages, dont l'accueil, si possible présentant des particularités
7.12 Or Tests sous émulateurs mobiles (http://www.emulateurmobile.com ou http://www.iphonetester.com) : 3 pages, dont l'accueil, si possible présentant des particularités
Résolutions d'écrans [ haut ]
8.1 Br. Tests en résolution 1280 x 1024 : tous les types de pages sous IE9 et sous Chrome et Firefox dernières versions, 3 pages (accueil et 2 intérieures, si possible présentant des particularités) sous chacun des autres navigateurs (hors mobile) cités ci-dessus
8.2 Br. Tests en résolution 1366 x 768 : 3 pages, dont l'accueil, si possible présentant des particularités, sous IE9, Chrome et Firefox dernières versions, 1 page sous IE10, 1 page sous Safari 5 sous Mac
8.3 Ar. Tests en résolution 1600 x 900 : 3 pages, dont l'accueil, si possible présentant des particularités, sous IE9, Chrome et Firefox dernières versions, 1 page sous IE10
8.4 Ar. Tests en résolution 1280 x 800 : 3 pages, dont l'accueil, si possible présentant des particularités, sous IE9, Chrome et Firefox dernières versions, 1 page sous IE10
8.5 Br. Tests en résolution 1024 x 768 : 3 pages, dont l'accueil, si possible présentant des particularités, sous IE9, Chrome et Firefox dernières versions, 1 page sous IE10
8.6 Ar. Test "View Responsive Layouts" sous la barre "Web developer" sous Chrome ou test sous l'émulateur de téléphone mobile HowToGoMo : 5 pages, dont l'accueil, si possible présentant des particularités
Tailles de polices [ haut ]
9.1 Br. Tests en différentes tailles de polices (taille la plus grande sous IE9 et deux augmentations de taille sous Firefox)
Poids de la page [ haut ]
10.1 Ar. Vérification du poids (Ko) des pages Web (plus exactement des pages HTML générées à partir des pages PHP, à l'aide de la barre d'outils Web Developper)
10.2 Ar. Vérification de la minimisation ("minify") des fichiers Javascript et CSS qui sont dupliqués avec le code réduit sous le même nom de fichier mais avec l'extension .min.js ou .min.css.
10.3 Ar. Vérification de l'utilisation de la syntaxe étendue pour les CSS
Titre de la page [ haut ]
11.1 Br. Vérification de la présence du "title" (apparaît dans moteurs recherche, favoris, titre fenêtre ou onglet navigateur)
11.2 Or Vérification de la longueur du "title" (7 à 10 mots, 80-100 caractères maximum)
Marqueur statistiques [ haut ]
12.1 Br. Vérification du marquage pour les statistiques Xiti de la page
12.2 Br. Vérification du marquage pour les statistiques Xiti des documents téléchargeables de la page
12.3 Ar. Vérification de la longueur des noms Xiti des pages et chapitres (42 caractères maximum)
Impression [ haut ]
13.1 Br. Vérification des impressions des pages (avec les marges par défaut sous IE 9, Chrome et Firefox dernières versions)
Tests applicatifs [ haut ]
14.1 Br. Tests fonctionnels
14.1a Br. Établissement des jeux de test exhaustifs des différents cas fonctionnels possibles (dans le plan de test), puis passage de ces jeux de tests
14.1b Br. Vérification de la conformité aux règles de gestion du cahier des charges ou du dossier d'analyse/conception (re-pointage unitaire de toutes les règles de gestion)
14.2 Br. Tests unitaires
14.3 Br. Tests d'intégration
14.4 Br. Tests d'interception des erreurs
14.4a Br. Tests des variables passées en GET (dans l'URL) et en POST
14.4b Ar. Tests d'absence de données (liées à la page, en base de données)
14.4c Ar. Tests d'absence des fichiers téléchargeables (liés à la page)
14.4d Ar. Autres cas d'erreurs possibles
14.5 Br. Tests de temps de réponse (test sous Page Speed pour les pages : https://developers.google.com/pagespeed) et de montée en charge
Sécurité [ haut ]
15.1 Br. Vérification du filtrage des données externes
15.2 Br. Test de vulnérabilités XSS (Cross-Site Scripting - vérification de l'utilisation des fonctions strip_tags(), htmlspecialchars() ou du filtrage des données, ... - tests avec : javascript:alert('XSS') ou XSSme)
15.3 Br. Test de vulnérabilités CSRF (Cross-Site Request Forgeries - vérification ou limitation du referer, ...)
15.4 Br. Test d'injection de code SQL (vérification de l'utilisation des fonctions mysqli_real_escape_string(), mysql_real_escape_string(), intval() ou du filtrage des données ou du transtypage numérique forcé en ajoutant +0 à var, ... - tests avec : SQL Inject Me)
15.5 Br. Test de vulnérabilités LFI (Local File Inclusion - vérification de l'utilisation du filtrage des données, pour les images : vérification du type de l'image à l'aide de la fonction getimagesize(), de la faille du nul byte via une regex, du type MIME, de la copie dans un dossier temporaire, ...)
15.6 Br. Test de filtrage du spam (ip enregistrée, champ vide caché "pot de miel", non enregistrement des doublons)