Llista de comprovació d’estàndards web

He traduït la “checklist” original de A Web Standards Checklist, de MaxDesign.

Abans de començar, aclarim conceptes:

• Què són els estàndards web?
  
  L’expressió “estàndards web” pot significar coses diferents segons per a qui. Per a alguns no és res més que construir llocs web sense taules, per a d’altres es tracta de fer-ho utilitzant codi vàlid. Sigui com sigui, el concepte és molt més ampli que això. Els estàndards web podrien definir-se com:
  
  
  L’adhesió als estàndards (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG, etc.) i la recerca de les millors pràctiques (codi vàlid, codi accessible, codi semànticament correcte, URLs amigables per a l’usuari, etc.).
  
  En altres paraules:
  
  
  Un lloc construït d’acord amb els estàndards web hauria de ser lleuger, net, basat en CSS, accessible, usable i amigable amb els motors de cerca.


• Sobre la llista
  
  No es tracta d’una llista tancada. Probablement hi ha molts punts que es podrien afegir. Simplement és un punt de partida. Entre els seus usos pràctics, inclou:
  
  
  • Demostrar l’amplitud dels estàndards web.
  • Com a eina pràctica per als desenvolupadors durant la fase de producció de llocs web.
  • Com a ajuda per als desenvolupadors interessats en la migració cap als estàndards web.
  
  La llista es divideix en 6 categories:
  
  
  • Qualitat del codi
  • Grau de separació entre el contingut i la presentació
  • Accessibilitat per a usuaris
  • Accessibilitat per a dispositius
  • Usabilitat bàsica
  • Gestió del lloc

La llista de comprovacions:

• Qualitat del codi
  
  1. Utilitza el lloc un doctype correcte?
  2. Utilitza el lloc un joc de caràcters (charset)?
  3. Utilitza el lloc codi (X)HTML vàlid?
  4. Utilitza el lloc codi CSS vàlid?
  5. Utilitza el lloc “hacks” en el codi CSS?
  6. Utilitza el lloc classes o identificadors innecessaris?
  7. El codi està ben estructurat?
  8. Conté el lloc enllaços trencats?
  9. Com respon el lloc en termes de velocitat i pes de les pàgines?
  10. Té el lloc errors de JavaScript?


• Grau de separació entre el contingut i la presentació
  
  1. Utilitza el lloc CSS per a tots els aspectes de presentació (tipografia, colors, marges, vores, etc.)?
  2. Totes les imatges decoratives es troben dins del codi CSS o apareixen al codi (X)HTML?


• Accessibilitat per a usuaris
  
  1. S’utilitzen atributs “alt” per a totes les imatges descriptives?
  2. Utilitza el lloc unitats relatives en lloc d’absolutes per a la mida del text?
  3. Es trenquen alguns aspectes del disseny si s’augmenta la mida de la font?
  4. Utilitza el lloc menús de salt visibles?
  5. Utilitza el lloc formularis accessibles?
  6. Utilitza el lloc taules accessibles?
  7. Hi ha prou contrastos de color?
  8. S’utilitza el color només per a informació crítica?
  9. Existeix un retard en la resposta dels menús desplegables (per a usuaris amb habilitats motores reduïdes)?
  10. Són tots els enllaços descriptius?


• Accessibilitat per a dispositius
  
  1. Funciona el lloc acceptablement en navegadors moderns i antics?
  2. El contingut és accessible amb el CSS desactivat o no suportat?
  3. El contingut és accessible amb les imatges desactivades o no suportades?
  4. Funciona el lloc en navegadors de text com Lynx?
  5. Funciona correctament el lloc en impressió?
  6. Funciona el lloc en dispositius de mà?
  7. Inclou el lloc metadades detallades?
  8. Funciona el lloc en diferents mides de finestra del navegador?


• Usabilitat bàsica
  
  1. Existeix una jerarquia visual clara?
  2. Els nivells d’encapçalament són fàcils de distingir?
  3. Té el lloc una navegació fàcil d’entendre?
  4. Utilitza el lloc una navegació consistent?
  5. Estan els enllaços subratllats?
  6. Utilitza el lloc un llenguatge coherent i apropiat?
  7. Disposa el lloc d’un mapa del lloc i una pàgina de contacte fàcils de trobar?
  8. En llocs grans, hi ha una eina de cerca?
  9. Hi ha un enllaç a la pàgina principal a totes les pàgines del lloc?
  10. Es defineixen clarament els enllaços visitats amb un color únic?


• Gestió del lloc
  
  1. Té el lloc una pàgina d’error 404 útil i significativa que funcioni a qualsevol profunditat?
  2. Utilitza el lloc URL amigables?
  3. Funcionen les URL sense “www”?
  4. Disposa el lloc d’un favicon?