Guida Accessibilità dei siti Web pratica

17 marzo 2006

La guida per progettare siti ad elevata accessibilità vi permetterà di impadronirvi di tutte le conoscenze necessarie per progettare siti accessibili anche alle persone disabili

Introduzione: cos’è l’accessibilità

  1. 1. Perché questa guida
    Ripensare i metodi di sviluppo dei siti Web prestando attenzione a...
  2. 2. Le linee guida W3C e la legislazione italiana
    Le basi dell'accessibilità per i siti Web: le linee guida del W3C e...
  3. 3. Cos'è l'accessibilità
    L'accessibilità è il metodo principale per garantire l'accesso di...
  4. 4. I metodi per raggiungere l'accessibilità secondo le WCAG 1.0
    I principali dettami delle linee guida sull'accessibilità del World...
  5. 5. I limiti delle WCAG 1.0 e il danno dei validatori automatici
    Le contraddizioni e i limiti delle linee guida e l'uso erroneo dei...
  6. 6. Le tre priorità e i relativi bollini di conformità
    Quali regole seguire per rendere conformi le proprie pagine Web alle...

Il rapporto tra usabilità e accessibilità

  1. 7. Il rapporto tra accessibilità e usabilità: gli obiettivi
    La sovrapposizione fra usabilità e accessibilità negli obiettivi...
  2. 8. Il rapporto tra accessibilità e usabilità: i metodi
    La sovrapposizione fra usabilità e accessibilità nei metodi delle...
  3. 9. I limiti delle WCAG 1.0 nel rapporto usabilità-accessibilità
    La natura non chiara del rapporto usabilità-accessibilità nelle...

I Benefici per gli utenti

  1. 10. Pagine accessibili: benefici per le persone disabili
    La principale categoria di utenti che beneficia di pagine accessibili...
  2. 11. Pagine accessibili: benefici per altre categorie di utenti
    I beneficiari di pagine accessibili non sono solo i disabili, ma...
  3. 12. Pagine accessibili: benefici per utenti con hardware obsoleto
    L'accessibilità favorisce anche chi disponde di strumenti di...

Separare la presentazione dal contenuto

  1. 13. Cosa significa separare il contenuto dalla presentazione
    Un principio di progettazione fondamentale: separare i contenuti dal...
  2. 14. Perché eliminare dal codice HTML (o XHTML) gli elementi di presentazione
    Utilizzare i Fogli di stile al posto del codice HTML porta enormi...
  3. 15. Un esempio da non seguire: presentazioni con l'HTML
    Perchè è sbagliato formattare utilizzando esclusivamente elementi e...
  4. 16. L'alternativa accessibile: presentazioni attraverso i CSS 2
    Favorire l'accessibilità formattando le pagine Web utilizzando...
  5. 17. Tempi di caricamento minori per la versione CSS
    Tra i vantaggi ottenuti con i CSS va notata in primo luogo la...
  6. 18. Ottenere presentazioni alternative senza modificare il codice HTML
    Come creare pagine per diversi dispositivi solo modificando il codice...
  7. 19. I limiti del supporto ai diversi media nei CSS2
    I CSS2 adottano un supporto incompleto nella scelta dei tipi di media...
  8. 20. Come cambiare lo stile di presentazione della pagina
    I due metodi che permettono di cambiare gli stili di presentazione di...

Uso accessibile del colore

  1. 21. L'uso del colore secondo le WCAG 1.0
    Come bisogna utilizzare il colore secondo le linee guida del W3C
  2. 22. Le varie disabilità relative ai colori
    Le principali forme di difficoltà nella percezione dei colori
  3. 23. Raccomdandazioni nell'uso dei colori - 1
    Mantenere il massimo grado di contrasto fra colori ed evitare sfondi...
  4. 24. Raccomdandazioni nell'uso dei colori - 2
    Non veicolare nessuna informazione attraverso l'uso dei colori

Contenuti per tutti non pagine uguali su tutti i browser

  1. 25. Il pregiudizio della stampa: pagine uguali per tutti
    Internet non è un giornale: dimentichiamo la presentazione visuale...
  2. 26. Una pagina Web deve essere adattabile
    Come la pagina Web può adattarsi alle esigenze dell'utente che la...
  3. 27. Come rendere adattabile una pagina Web
    Rendere la pagina Web al servizio dell'utente evitando vincoli e...
  4. 28. Garantire la massima fruibilità dei contenuti
    Nel design di una pagina Web non si deve inseguire la massima...

La struttura di un documento

  1. 29. Cos'è una Dtd e perchè occorre dichiararne una
    La document type declaration, pezzo importante e utile di una pagina...
  2. 30. Quale Dtd per l'accessibilità
    Quale tipo di documento utilizzare per favorire l'accessibilità di...
  3. 31. Valorizzare la struttura logica del documento
    Come rendere evidente e chiara la struttura logica di una pagina...
  4. 32. Esempi di applicazione degli elementi strutturali
    Come applicare in pratica gli elementi dell'(X)HTML che strutturano...
  5. 33. Gestione accessibile degli elementi H1...H6 - I
    Esempi pratici d'uso degli elementi H di intestazione
  6. 34. Gestione accessibile degli elementi H1...H6 - II
    Gli errori da evitare nell'uso degli elementi H di intestazione
  7. 35. Titoli subordinati, liste di definizioni, pie' di pagina
  8. 36. Uso essenziale dei DIV
    Come sono utilizzati e organizzati i DIV del documento esempio
  9. 37. Moduli ad elevata accessibilità - I
    Utilizzo dell'elemento label e degli attributi tabindex e accesskey
  10. 38. Moduli ad elevata accessibilità - II
    Evidenziare i campo modulo e renderli ridimensionabili

Uso accessibile delle tabelle

  1. 39. Uso accessibile delle tabelle: introduzione
    Strane leggende metropolitane sull'uso delle tabelle
  2. 40. L'attributo Summary e l'attributo TH
    Fornire una descrizione del contenuto della tabella e le sue...
  3. 41. L'attributo scope
    Stabilire relazioni tra le celle per mezzo dell'attributo "scope"
  4. 42. Gli attributi "headers" e "id"
    Stabilire relazioni tra le celle usando gli attributi headers e id
  5. 43. Altri attributi per tabelle accessibili
    Uso degli attributi THEAD, TBODY, TFOOT, COLGROUP, COL e axis
  6. 44. Tabelle usate a scopo d'impaginazione
    I difetti e le contrOindicazioni nell'uso di tabelle per il layout...
  7. 45. Distinguere una tabella di dati da una d'impaginazione
    Alcuni metodi da applicare per riconoscere quando una tabella è...
  8. 46. Tabelle di dati e d'impaginazione: linearizzazione
    Rendere lineari i dati contenuti in una tabella per comprenderne la...
  9. 47. Tabelle di dati e d'impaginazione: caratteristiche
    Le caratteristiche principali che discriminano fra tabelle di dati e...

Come scrivere testi alternativi

  1. 48. Cosa sono i testi alternativi
    I testi alternativi sono un nucleo fondamentale della progettazione...
  2. 49. Perché è difficile scrivere testi alternativi
    Le difficoltà che incontra lo sviluppatore nello scrivere testi...
  3. 50. I testi alternativi secondo Flavell
    Un metodo di lavoro: le categorie e i suggerimenti di Alan Flavell...
  4. 51. I testi alternativi: ultimi suggerimenti
    Link ad articoli e strumenti utili per la scrittura di testi...

Scrivere contenuti accessibili

  1. 52. Testi informativi accessibili
    Rendiamo accessibile in pratica un comunicato stampa di Telecom Italia
  2. 53. Testi pubblicitari e commerciali accessibili
    Rendiamo accessibile in pratica le offerte commerciali del sito di...
  3. 54. Testi tecnici accessibili
    Rendiamo accessibile in pratica un articolo tecnico di PC...
  4. 55. Testi scientifici accessibili
    Rendiamo accessibile in pratica una tesi di laurea disponibile online
  5. 56. Testi amministrativi accessibili: teoria
    La natura inaccessibile del linguaggio burocratico-amministrativo
  6. 57. Testi amministrativi accessibili: pratica
    Esempi pratici di scrittura accessibile per i contenuti...
  7. 58. Come scrivere testi accessibili - I
    Raccomandazioni e consigli per scrivere per farsi capire: prima parte
  8. 59. Come scrivere testi accessibili - II
    Raccomandazioni e consigli per scrivere per farsi capire: seconda...

Strumenti di validazione del codice (X)HTML e CSS

  1. 60. Validare l'XHTML
    Verificare la correttezza del codice XHTML delle proprie pagine...
  2. 61. Validare i CSS con il CSS Validator
    La validazione e i principali errori rilevati dal validatore W3C
  3. 62. Validare i CSS con CSS Check - I
    Gli avvertimenti principali del validatore CSS Check: prima parte
  4. 63. Validare i CSS con CSS Check - II
    Gli avvertimenti principali del validatore CSS Check: seconda parte
  5. 64. La validazione dell'accessibilità
    Cosa significa validare l'accessibilità di un documento Web
  6. 65. La validazione secondo il W3C
    Cosa prevedono le norme WAI per la validazione dell'accessibilià di...
  7. 66. Le false validazioni
    La differenza fra vere e millantate validazioni di documenti Web
  8. 67. Un esempio di falsa validazione
    La verifica di una falsa validazione un una reale pagina accessibile:...
  9. 68. Raccomandazioni per ottenere una validazione di accessibilità
    Alcuni suggerimenti pratici e di buon senso per raggiungere la...

Conclusioni

  1. 69. Uno sguardo al futuro: la bozza delle WCAG 2.0
    Le nuove linee guida del Consorzio WWW per l'accessibilità dei siti...
  2. 70. Accessibilità ed Elevata Accessibilità
    Cosa vuol dire progettare un sito ad elevata accessibilità
  3. 71. L'accessibilità in quindici punti
    Riassunto schematico dei principali suggerimenti per costruire un...

Riferimenti

  1. 72. Link utili
    Linkografia: un elenco di link a documenti riguardanti...
Se vuoi aggiornamenti su Guida Accessibilità dei siti Web pratica inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Guida Accessibilità dei siti Web pratica

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy