Web Design  »  Guide 

Guida Accessibilità  dei siti Web pratica

Guida Accessibilità dei siti Web pratica

di: Michele Diodati

Introduzione: cos'è l'accessibilità

  1. 1. Perché questa guida
    Ripensare i metodi di sviluppo dei siti Web prestando attenzione a chi è affetto da disabilità
  2. 2. Le linee guida W3C e la legislazione italiana
    Le basi dell'accessibilità per i siti Web: le linee guida del W3C e la futura legge italiana sull'accessibilità
  3. 3. Cos'è l'accessibilità
    L'accessibilità è il metodo principale per garantire l'accesso di tutti al World Wide Web
  4. 4. I metodi per raggiungere l'accessibilità secondo le WCAG 1.0
    I principali dettami delle linee guida sull'accessibilità del World Wide Web Consortium
  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 validatori di accessibilità
  6. 6. Le tre priorità e i relativi bollini di conformità
    Quali regole seguire per rendere conformi le proprie pagine Web alle linee guida del W3C

Il rapporto tra usabilità e accessibilità

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

I Benefici per gli utenti

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

Separare la presentazione dal contenuto

  1. 13. Cosa significa separare il contenuto dalla presentazione
    Un principio di progettazione fondamentale: separare i contenuti dal layout del sito
  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 benefici di accesso alle pagine Web
  3. 15. Un esempio da non seguire: presentazioni con l'HTML
    Perchè è sbagliato formattare utilizzando esclusivamente elementi e attributi di presentazione dell'HTML
  4. 16. L'alternativa accessibile: presentazioni attraverso i CSS 2
    Favorire l'accessibilità formattando le pagine Web utilizzando esclusivamente i CSS level 2
  5. 17. Tempi di caricamento minori per la versione CSS
    Tra i vantaggi ottenuti con i CSS va notata in primo luogo la velocità di caricamento
  6. 18. Ottenere presentazioni alternative senza modificare il codice HTML
    Come creare pagine per diversi dispositivi solo modificando il codice dei CSS
  7. 19. I limiti del supporto ai diversi media nei CSS2
    I CSS2 adottano un supporto incompleto nella scelta dei tipi di media diversi per l'accessibilità
  8. 20. Come cambiare lo stile di presentazione della pagina
    I due metodi che permettono di cambiare gli stili di presentazione di una stessa pagina

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 compositi
  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 unica
  2. 26. Una pagina Web deve essere adattabile
    Come la pagina Web può adattarsi alle esigenze dell'utente che la visualizza
  3. 27. Come rendere adattabile una pagina Web
    Rendere la pagina Web al servizio dell'utente evitando vincoli e "pregiudizi"
  4. 28. Garantire la massima fruibilità dei contenuti
    Nel design di una pagina Web non si deve inseguire la massima uniformità delle presentazioni

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 Web
  2. 30. Quale Dtd per l'accessibilità
    Quale tipo di documento utilizzare per favorire l'accessibilità di una pagina Web
  3. 31. Valorizzare la struttura logica del documento
    Come rendere evidente e chiara la struttura logica di una pagina (X)HTML
  4. 32. Esempi di applicazione degli elementi strutturali
    Come applicare in pratica gli elementi dell'(X)HTML che strutturano un documento
  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 intestazioni
  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 del sito
  7. 45. Distinguere una tabella di dati da una d'impaginazione
    Alcuni metodi da applicare per riconoscere quando una tabella è usata per il layout
  8. 46. Tabelle di dati e d'impaginazione: linearizzazione
    Rendere lineari i dati contenuti in una tabella per comprenderne la struttura logica
  9. 47. Tabelle di dati e d'impaginazione: caratteristiche
    Le caratteristiche principali che discriminano fra tabelle di dati e tabelle d'impaginazione

Come scrivere testi alternativi

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

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 Vodafone
  3. 54. Testi tecnici accessibili
    Rendiamo accessibile in pratica un articolo tecnico di PC Professionale
  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 burocratico-amministrativo
  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 parte

Strumenti di validazione del codice (X)HTML e CSS

  1. 60. Validare l'XHTML
    Verificare la correttezza del codice XHTML delle proprie pagine accessibili
  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 un documento Web
  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: il caso SpazioEuropa
  9. 68. Raccomandazioni per ottenere una validazione di accessibilità
    Alcuni suggerimenti pratici e di buon senso per raggiungere la validazione di accessibilità

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 Web
  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 sito ad elevata accessibilità

Riferimenti

  1. 72. Link utili
    Linkografia: un elenco di link a documenti riguardanti l'accessibilità

Guide Web design

Guida Progettazione siti web

Dall'analisi dei requisiti fino allo sviluppo e alla promozione:...

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti