Skip to content

Files

Latest commit

 

History

History
executable file
·
108 lines (94 loc) · 13.7 KB

index.md

File metadata and controls

executable file
·
108 lines (94 loc) · 13.7 KB

Clever-garden

Projet

Voir la documentation

Conformité et affichage {#conformite}

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.

Niveau 1

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

Niveau 2

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

Niveau 3

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

  1. 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.

  2. Extrait des bonnes pratiques OPQUAST pour l'intégration XHTML/CSS