Web Essentials 04

Une check-list sur les Standards du Web

La liste complète

1. Qualité du code

  1. Est-ce que le site utilise un Doctype correct ?
    http://www.w3.org/QA/2002/04/valid-dtd-list.html
  2. Est-ce que le site utilise un encodage de caractères correct ?
    http://www.w3.org/International/O-charset.html
  3. Est-ce que le site utilise du (X)HTML Valide ?
    http://validator.w3.org/
  4. Est-ce que le site est CSS Valide ?
  5. Est-ce que le site utilise quelques hacks CSS ?
  6. Est-ce que le site utilise des classes ou ids non indispensables ?
  7. Est-ce que le code est bien structuré ?
    http://www.w3.org/2003/12/semantic-extractor.html
  8. Est-ce que le site a des liens rompus ?
    http://validator.w3.org/checklink
  9. Comment se comporte le site en termes de vitesse/taille de page ?
    http://www.websiteoptimization.com/services/analyze/
  10. Le site comporte t'il des erreurs JavaScript ?

2. Degré de séparation entre contenu et présentation

  1. Est-ce que le site utilise CSS pour tous les aspects de présentation (polices, couleur, marges, zones de remplissage, bordures, etc.) ?
  2. Est-ce que toutes les images de décoration sont dans la CSS, ou apparaissent t'elles dans le (X)HTML ?

3. Accessibilité pour les utilisateurs

  1. Est-ce que tous les attributs "alt" sont utilisés pour tous les descriptifs d'images ?
  2. Est-ce que le site utilise des unités relatives plutôt que des unités absolues pour la taille du texte ?
  3. Est-ce que l'un des aspects de la mise en page se brise lorsque la taille de police est augmentée ?
  4. Est-ce que le site utilise des menus visibles faciles à outrepasser ?
  5. Est-ce que le site utilise des formulaires accessibles ?
  6. Est-ce que le site utilise des tables accessibles ?  
  7. Couleurs : La luminosité et les contrastes sont-ils suffisants ?
  8. Est-ce qu'une couleur unique est utilisée pour de l'information critique ?
  9. Y'a t'il un délai de réponse pour les menus déroulants ? (pour les utilisateurs à mobilité réduite )?
  10. Est-ce que tous les liens sont décrits (pour les utilisateurs aveugles) ?

4. Accessibilité pour les terminaux

  1. Est-ce que le site fonctionne de façon acceptable à travers les navigateurs récents et plus anciens ?
  2. Est-ce que le contenu est accessible avec la CSS déconnectée ou non supportée ?
  3. Est-ce que le contenu est accessible avec les images déconnectées ?
  4. Est-ce que le site fonctionne dans des navigateurs comme Lynx ?
  5. Est-ce que le site fonctionne bien quand on l'imprime ?
  6. Est-ce que le site fonctionne bien avec des terminaux mobiles ?
  7. Est-ce que le site comprend des métadonnées détaillées ?
  8. Est-ce que le site fonctionne bien dans différentes tailles de fenêtres de navigateurs ?

5. Ergonomie : Fondamentaux

  1. Y'a t'il une hiérarchie visuelle claire ?
  2. Les en-têtes (titres) sont-t'ils faciles à distinguer ?
  3. Est-ce que la navigation du site est facile à comprendre ?
  4. Est-ce que la navigation du site est cohérente ?
  5. Est-ce que le site utilise un langage cohérent et approprié ?
  6. Avez-vous une carte de site et une page contact ? Sont-elles faciles à trouver ?
  7. Pour les grands sites, y'a t'il un moteur de recherche ?
  8. Y'a t'il un lien vers la page d'accueil sur chaque page du site ?
  9. Est-ce que les liens sont soulignés ?
  10. Est-ce que les liens visités sont clairement définis avec une couleur unique ?

6. Organisation du Site

  1. Est-ce que le site a une page erreur 404 ayant du sens et utile qui fonctionne quel que soit le niveau de profondeur du site ?
  2. Est-ce que le site utilise des URLs claires pour les utilisateurs ?
  3. Est-ce que vos URLs fonctionnent sans "www" ?
  4. Est-ce que le site a une favicon ?
Avec l'aimable autorisation de diffusion de Russ Weakley - Contact Fr : Christophe Ducamp pour FractalCityLogo du CityDesk  Voir les statistiques de SiteMeter