Maquette | Validation HTML | IE6 | IE7 | IE8 | IE9 | IE10 | Opera | Chrome | Safari | Fx | Lynx 1 | Impression | iPhone | iPad |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Index | ||||||||||||||
404 |
Respect des bonnes pratiques 2 {#bps}
Les bonnes pratiques ne sont pas forcément toutes à valider. Elles servent plutôt à donner une vision globale sur le travail et éventuellement à dégager des axes d'améliorations. Il est par contre intéressant de savoir justifier chaque bonne pratique non-validée dans le cadre du projet.
Thématique | Description | Fiche | Validité |
---|---|---|---|
Alternatives | Chaque image est dotée d'une alternative textuelle appropriée | BP 1 | |
Code | Le code source de chaque page débute par un déclaration de type de document | BP 2 | |
Code | Le contenu de chaque page est organisé selon une structure de titres et sous-titres hiérarchisée | BP 3 | |
Code | Le site n'impose pas de redirection ou de rafraichissement automatique côté client | BP 4 | |
Code | Les styles ne sont pas utilisés pour générer du contenu | BP 5 | |
Fichiers et multimédia | Les sons et vidéos sont déclenchés par l'utilisateur. | BP 31 | |
Fichiers et multimédia | Les animations, sons et clignotements peuvent être mis en pause | BP 34 | |
Formulaires | Chaque champ de formulaire est associé dans le code source à une étiquette qui lui est propre | BP 35 | |
Formulaires | L'étiquette de chaque champ de formulaire indique si la saisie est obligatoire | BP 39 | |
Hyperliens | Chaque lien est doté d'un intitulé dans le code source | BP 41 | |
Hyperliens | Le soulignement est réservé aux hyperliens. | BP 42 | |
Hyperliens | Les hyperliens sont visuellement différenciés du reste du contenu. | BP 43 | |
Internationalisation | Le code source de chaque page indique la langue principale du contenu | BP 49 | |
Navigation | Le site n'emploie pas la technique des jeux de cadres | BP 52 | |
Navigation | Le focus clavier n'est ni supprimé ni masqué | BP 58 | |
Serveur et Performances | Les entêtes envoyés par le serveur contiennent les informations relatives au jeu de caractères employé | BP 75 |
Thématique | Description | Fiche | Validité |
---|---|---|---|
Alternatives | Les objets inclus sont dotés d'une alternative appropriée | BP 86 | |
Code | Le contenu ne comporte pas de tableaux imbriqués | BP 88 | |
Code | Le codage de caractères utilisé est UTF-8 | BP 89 | |
Code | Les mots ne comportent ni espaces ni balisage interne. | BP 91 | |
Code | Les éléments visuellement présentés sous forme de liste sont balisés de façon appropriée | BP 97 | |
Code | Le code source de chaque page contient une metadonnée qui définit le jeu de caractères | BP 100 | |
Fichiers et multimédia | Les vignettes ne sont pas des images de taille supérieure redimensionnées côté client. | BP 114 | |
Hyperliens | Le survol ou l'activation des hyperliens ne modifie pas la mise en page | BP 121 | |
Hyperliens | Le site n'applique pas le même style aux liens visités et non visités | BP 124 | |
Identification | Le code source de chaque page contient une metadonnée qui en décrit le contenu | BP 126 | |
Identification | Le code source des pages contient un appel valide à un icône de favori | BP 128 | |
Navigation | Les icônes de navigation sont accompagnées d'une légende explicite | BP 131 | |
Navigation | Chaque page contient des liens d'accès rapide placés au début du code source | BP 132 | |
Navigation | La navigation au clavier s'effectue dans un ordre prévisible | BP 134 | |
Navigation | Les nouvelles fenêtres dimensionnées et les fenêtres modales sont dotées d'un bouton de fermeture | BP 135 | |
Navigation | Les blocs de navigation de même nature sont affichés au même emplacement sur toutes les pages | BP 136 | |
Navigation | Un contenu qui doit être restitué dans un lecteur d'écran ne lui est pas dissimulé | BP 139 | |
Présentation | Le site propose au moins une feuille de style dédiée à l'impression | BP 140 | |
Présentation | La taille des polices destinées à l'affichage écran est exprimée en taille variable | BP 142 | |
Tableaux | Les titres des tableaux de données sont renseignés | BP 147 | |
Tableaux | La linéarisation des tableaux utilisés pour la mise en page ne nuit pas à la compréhension des contenus | BP 152 |
Thématique | Description | Fiche | Validité |
---|---|---|---|
Code | Les styles en ligne sont utilisés de manière appropriée | BP 156 | |
Code | Le code source de chaque page ne comporte pas d'erreur | BP 157 | |
Code | Le code source de chaque page ne contient pas d'éléments ou d'attributs de présentation | BP 158 | |
Code | Les dimensions réelles des images sont indiquées dans le code source. | BP 159 | |
Code | L'accès aux contenus et services est possible sans le support des scripts | BP 161 | |
Code | Le code source des pages est valide au regard de la grammaire choisie | BP 162 | |
Code | Le code source de chaque page ne contient pas d'éléments détournés à des fins de présentation | BP 164 | |
Contenus | Une metadonnée indique l'URL de référence des contenus proposés sous plusieurs formes | BP 170 | |
Fichiers et multimédia | Le déroulement des animations ne bloque pas la navigation ou l'accès aux contenus | BP 177 | |
Formulaires | Les champs de formulaire qui nécessitent une information commune sont regroupés sous une même légende | BP 183 | |
Formulaires | Les listes d'options de formulaires sont présentées dans un ordre identifiable | BP 185 | |
Internationalisation | Le sens de lecture du contenu est indiqué lorsqu'il diffère de celui par défaut | BP 196 | |
Présentation | Le site propose une ou plusieurs feuilles de style dédiées aux terminaux mobiles | BP 206 | |
Présentation | Les phrases ou ensembles de mots mis en images ne sont pas divisés | BP 207 | |
Présentation | Le contenu textuel reste lisible avec une taille de caractère augmentée d'un facteur 2 | BP 209 | |
Présentation | Les mises en majuscules à des fins décoratives sont effectuées à l'aide des styles | BP 210 | |
Serveur et Performances | Les appels aux scripts sont placés après le contenu | BP 213 | |
Serveur et Performances | Les fonctions de scripts sont placés dans des fichiers externes. | BP 215 | |
Serveur et Performances | Les scripts sont minifiés | BP 216 | |
Serveur et Performances | Les informations de style sont minifiées | BP 217 |
*[BP]: Bonne Pratique *[vs]: Versus *[IE]: Internet Explorer *[Fx]: Firefox *[JS]: JavaScript *[etc]: Et cætera *[NOK]: Non OK *[N/A]: Non applicable *[v.]: version *[CSS]: *[HTML]: *[XHTML]: *[OPQUAST]:
Footnotes
-
L'affichage Lynx est proche de la restitution faite par un lecteur d'écran ou de ce qui est perçu par un moteur de recherche. ↩
-
Extrait des bonnes pratiques OPQUAST pour l'intégration XHTML/CSS ↩