Una lista di controllo per i web standard

I web standard sono ben di piu’ che ‘un-sito-senza tabelle’

Il termine ‘web standard’ può avere significati diversi a seconda delle persone. Per alcuni si riferisce ai siti ‘senza tabelle di impaginazione’, per altri è ‘utilizzare codice validato’ .

Tuttavia ‘web standard’ ha un significato ben piu’ ampio di questi. Un sito realizzato con gli standard utilizza si attiene agli standard  (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG, ecc) e li applica al meglio (codice validato, accessibile, semanticamente corretto, url semplici, ecc).

In altre parole, un sito costruito con gli standard deve idealmente essere snello, lineare, basato sui CSS, accessibile, usabile e visibile dai motori di ricerca.

 

A proposito della lista di controllo

Questa non è una lista definitiva. Ci sono probabilmente molti elementi che potranno essere aggiunti. Inoltre non dovrebbe essere vista con una lista che deve essere rispettata per ogni sito che si sviluppa.

E’ semplicemente una guida che può essere usata:

  • per mostrare l’ampiezza dei web standard
  • come strumento a portata di mano per gli sviluppatori durante la fase di realizzazione dei siti
  • come aiuto agli sviluppatori che sono interessati ad avvicinarsi agli standard.

 

La lista di controllo

1. Qualità del codice

  1. Viene utilizzato il corretto Doctype ?
  2. Viene utilizzato un Character set?
  3. Il codice (X)HTML è validato?
  4. Il codice CSS è validato?
  5. Nel CSS vengono utilizzati trucchetti?
  6. Sono presenti class o id non necessari?
  7. Il codice è ben strutturato?
  8. Il sito presenta link errati o a pagine inesistenti?
  9. Quali sono le prestazioni in termini di velocità e di dimensione della pagina?
  10. Sono presenti errori   nell’esecuzione di codice JavaScript?

2. Grado di separazione tra contenuto e presentazione

  1. I CSS sono utilizzati per tutti gli aspetti di presentazione (caratteri, colore, riempitivo, bordi ecc)?
  2. Tutte le immagini decorative sono in CSS o appaiono direttamente nel (X)HTML?

3. Accessibilità per gli utenti

  1. L’attributo ALT è usato per tutte le immagini descrittive?
  2. Vengono usate misure relative anziché assolute per la dimensione dei caratteri?
  3. La corretta disposizione degli elementi viene meno se viene alterata la dimensione dei caratteri?
  4. E’ presente la possibilità di saltare i menù? 
  5. I form sono accessibili? 
  6. Le tabelle sono accessibili? 
  7. C’è sufficiente contrasto e luminosità nei colori? 
  8. Il colore è usato per veicolare informazioni critiche? 
  9. La sensibilità della selezione dei menù a discesa  è ritardata (per utenti con disabilità motorie)?
  10. I link sono descrittivi (per utenti non vedenti)?

4. Accessibilità per i dispositivi

  1. La consultazione del sito è accettabile sia con i nuovi che con i vecchi browser?
  2. Il sito è visibile anche se i CSS sono stati inibiti o non sono consentiti?
  3. Il sito è accessibile anche con la ricezione delle immagini disabilitata?
  4. Il sito funziona con i navigatori testuali quali Lynx?
  5. Il sito consente di stampare bene le pagine?
  6. Il sito funziona bene con gli apparati portatili (hand held, pda, smartphone,…)?
  7. I metadata inseriti sono dettagliati?
  8. Il sito funziona bene anche con finestre di dimensione o risoluzione diverse?

 

5. Usabilità di base

  1. C’è una chiara gerarchia delle informazioni presentate?
  2. I livelli delle intestazioni si distinguono chiaramente?
  3. E’ facile capire la navigazione nel sito?
  4. La navigazione è coerente in tutto il sito?
  5. Il linguaggio utilizzato è appropriato e coerente?
  6. C’è una mappa del sito e una pagina per i contatti? Sono facili da individuare?
  7. Per i siti più grandi, c’è un motore di ricerca?
  8. Il link di ritorno alla home page è presente su ogni pagina del sito?
  9. I link sono sottolineati?
  10. I link delle pagine già visitate sono chiaramente individuabili?

 

6. Gestione del sito

  1. Il sito ha una pagina di errore appropriata e di aiuto, per le pagine non trovate (errore 404), funzionante per tutte le pagine, a prescindere dalla loro posizione gerarchica?
  2. Le URL sono significative  (leggibili e comprensibili)?
  3. Si arriva al sito anche omettendo ‘www.’?             
  4. C’è l’icona che identifica il sito e che appare nella barra degli indirizzi (favicon)?

[NdT: I singoli punti sono ripresi, uno per uno, e commentati nella pagine successive.  Nella traduzione italiana sono stati aggiunti alcuni approfondimenti presenti su webaccessibile.spadamar.com.]

Questa lista è stata delineata in bozza su una mail list dedicata ai Web Standard nel maggio 2004.

E’ stata presentata al Sydney Standard Group il 5 agosto 2004.

E’ disponibile una versione in pdf  per gli sviluppatori (in inglese).

Testo in versione originale  in (inglese) sul sito Max Design