SlideShare a Scribd company logo
1 of 48
L’accessibilità  dei contenuti  sul web Alcuni testi sono tratti da: Requisiti e suggerimenti per realizzare siti ed applicazioni web accessibili per la Regione Emilia-Romagna
Di cosa parleremo
La normativa italiana sull'accessibilità ,[object Object],[object Object],[object Object]
Perché realizzare un sito accessibile ,[object Object],[object Object],[object Object],[object Object],[object Object]
Cosa sono le tecnologie assistive ,[object Object]
Quali sono gli obblighi della Legge 4/2004 ,[object Object],[object Object],[object Object]
Accessibile
Il nuovo sito del Formez ,[object Object],[object Object],[object Object]
Flessibilità e leggibilità dei contenuti ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
L’editor HTML di Drupal
L’importanza della struttura di una pagina ,[object Object]
Migliorare la struttura della pagina ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
La piramide invertita
Migliorare l’usabilità dei testi  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un esempio di pagina ben strutturata ,[object Object]
Aggiungere un titolo ad una pagina
 
 
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],In breve, tutto ciò di cui il turista ha bisogno per  rendere più facile e sicura la propria vacanza . L'assistenza telefonica multilingue permette di superare in modo veloce le difficoltà linguistiche e culturali, offrendo  una risposta immediata ed efficace  ai diversi bisogni che si possono manifestare durante il soggiorno nel nostro Paese. “ Un valido interlocutore per il turista” Questo il commento del ministro Brambilla: “Con Easy Italia abbiamo voluto realizzare un punto di riferimento unico su tutto il territorio nazionale al quale il viaggiatore possa rivolgersi per ogni esigenza. Non solo un contatto per avere informazioni, ma un valido interlocutore (…)
Le immagini ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Aggiungere un testo alternativo a un’immagine
Esempio 1: logo o immagine che contiene testo ,[object Object],[object Object]
Esempio 2: immagine decorativa ,[object Object],[object Object]
Esempio 3: grafici ,[object Object],[object Object],In Italia, rispetto ad altre nazioni europee, la tendenza ad utilizzare le consultazioni pubbliche dei cittadini tramite internet è ancora molto scarsa ( consulta i dati ).
Qual è il testo alternativo più corretto? ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],I link
Rendere i link accessibili ,[object Object],[object Object],[object Object],[object Object]
Aggiungere un titolo a un link
Link a documenti da scaricare ,[object Object],[object Object]
Quale di questi link è più efficace?  ,[object Object],[object Object],[object Object]
I colori ,[object Object],[object Object]
[object Object],[object Object],[object Object],Le tabelle di dati
Rendere accessibile una tabella di dati Intestazioni di righe e colonne Sommario e titolo della tabella
I video ,[object Object],[object Object],[object Object],[object Object]
Chi parla male, pensa male ,[object Object],[object Object]
Rendere comprensibile il testo Parole della lingua naturale Parole del gergo burocratico Parole intere Abbreviazioni e sigle Soggetti animati Soggetti inanimati Affermazione Doppia negazione Forme verbali attive e personali Forme verbali passive e impersonali Frasi brevi con costruzioni coordinate Frasi lunghe con costruzioni subordinate Titoli e sottotitoli brevi e concreti Titoli e sottotitoli lunghi e astratti Testo articolato Testo continuo
Testo articolato  anziché  continuo ,[object Object],[object Object],[object Object]
Titoli brevi e concreti  anziché  lunghi e astratti ,[object Object],[object Object],Esempi invece di  Identificazione beneficiari dei contributi a carico del fondo nazionale per il sostegno all’accesso alle abitazioni in locazione è meglio  Contributi per l’affitto della prima casa a famiglie o persone a basso reddito invece di  Richiesta di inclusione ai sensi dell’art. 9, legge 30 aprile 1999, n. 120 nell’Albo unico delle persone idonee all’ufficio di scrutatore di seggio elettorale è meglio  Albo degli scrutatori: richiesta di inserimento
Frasi brevi anziché lunghe ,[object Object],[object Object],Esempi invece di  A seguito dell’entrata in vigore della legge n.123 del 30/12/2000, al fine di semplificare i rapporti tra amministrazione pubblica e cittadino, è stata istituita la Tessera Elettorale a carattere permanente che, fino a quando non verrà sostituita dalla Carta d’Identità Elettronica, consentirà l’esercizio del diritto di voto per le prossime diciotto consultazioni elettorali, sia politiche che amministrative che referendarie, senza che sia necessario il recapito del certificato elettorale. è meglio  La Tessera elettorale personale è un nuovo documento e sostituisce il tradizionale certificato elettorale che veniva consegnato a casa prima di ogni elezione. Questa tessera consentirà a ogni cittadino di andare a votare nelle prossime 18 consultazioni elettorali (elezioni politiche, amministrative, referendum). Resterà valida fino a quando non sarà sostituita dalla Carta d’identità elettronica. La Tessera è entrata in vigore con la legge n. 123 del 30 dicembre 2000.
Forme verbali attive  anziché  passive ,[object Object],[object Object],Esempi invece di  La presente autorizzazione è soggetta a revoca da parte dell’Amministrazione è meglio  L’Amministrazione può revocare l’autorizzazione invece di  Si è prevista un’azione formativa mirata agli operatori è meglio   L’Amministrazione ha previsto un percorso formativo per gli operatori
Affermazione  anziché  doppia negazione ,[object Object],Esempi invece di  Non si accettano moduli non compilati in ogni loro parte è meglio   Si accettano solo moduli compilati in ogni loro parte
Soggetti animati  anziché  inanimati ,[object Object],[object Object],Esempi invece di  E’ fatto obbligo ai soggetti partecipanti alla gara di presentare le domande è meglio  Le ditte che partecipano alla gara devono invece di   Il versamento va effettuato dai soggetti interessati entro il è meglio   Le persone interessate devono fare il versamento entro
Parole intere  anziché  abbreviazioni e sigle ,[object Object],[object Object],[object Object],[object Object]
Lingua naturale  anziché  gergo burocratico ,[object Object],[object Object]
Due proposte di lettura ,[object Object],[object Object],[object Object]
Riferimenti normativi sull’accessibilità ,[object Object],[object Object],[object Object],[object Object]
Tutti i cittadini hanno pari dignità sociale e sono eguali davanti alla legge, senza distinzione di sesso, di razza, di lingua, di religione, di opinioni politiche, di condizioni personali e sociali. È compito della Repubblica rimuovere gli ostacoli di ordine economico e sociale, che, limitando di fatto la libertà e l'eguaglianza dei cittadini, impediscono il pieno sviluppo della persona umana e l'effettiva partecipazione di tutti i lavoratori all'organizzazione politica, economica e sociale del Paese. Articolo 3,  Costituzione della Repubblica Italiana Opera rilasciata sotto licenza Creative Commons Attribuzione-Non commerciale-Condividi allo stesso modo 2.5 Italia  http://creativecommons.org/licenses/by-nc-sa/2.5/it/

More Related Content

Similar to L'accessibilità dei contenuti sul web

Progettazione Web PA
Progettazione Web PAProgettazione Web PA
Progettazione Web PAviviana cozi
 
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...Roberto Scano
 
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Simone Onofri
 
Un'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti WebUn'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti WebAlberto Rota
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016Paolo Dadda
 
jAPS 2.0, il web diventa accessibile - Barcamp
jAPS 2.0, il web diventa accessibile - Barcamp jAPS 2.0, il web diventa accessibile - Barcamp
jAPS 2.0, il web diventa accessibile - Barcamp Roberta Quaresima
 
Dal web 2.0 alla creazione di un sito internet
Dal web 2.0 alla creazione di un sito internetDal web 2.0 alla creazione di un sito internet
Dal web 2.0 alla creazione di un sito internetAntonio Santamaria
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziendeGabriele Romanato
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDESMAU
 
Webinar "Il tuo sito web è accessibile alle persone con disabilità?" 20 11_20
Webinar "Il tuo sito web è accessibile alle persone con disabilità?" 20 11_20Webinar "Il tuo sito web è accessibile alle persone con disabilità?" 20 11_20
Webinar "Il tuo sito web è accessibile alle persone con disabilità?" 20 11_20Marco Andreoli
 
I cataloghi delle biblioteche e il nuovo Web (1)
I cataloghi delle biblioteche e il nuovo Web (1)I cataloghi delle biblioteche e il nuovo Web (1)
I cataloghi delle biblioteche e il nuovo Web (1)Andrea Marchitelli
 
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...bsdlover
 
Corso di Formazione: Redattore di Sito Web Dipartimentale
Corso di Formazione: Redattore di Sito Web DipartimentaleCorso di Formazione: Redattore di Sito Web Dipartimentale
Corso di Formazione: Redattore di Sito Web DipartimentaleUniversity of Padua
 
Comunicazione turistica in Internet
Comunicazione turistica in InternetComunicazione turistica in Internet
Comunicazione turistica in InternetAnna Bruno
 
Introduzione al web writing
Introduzione al web writingIntroduzione al web writing
Introduzione al web writingAndrea Spila
 
Comunicazione istituzionale attraverso il sito Web
Comunicazione istituzionale attraverso il sito WebComunicazione istituzionale attraverso il sito Web
Comunicazione istituzionale attraverso il sito WebRoberto Scano
 

Similar to L'accessibilità dei contenuti sul web (20)

Progettazione Web PA
Progettazione Web PAProgettazione Web PA
Progettazione Web PA
 
Web writing
Web writingWeb writing
Web writing
 
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...
Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di p...
 
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
 
Un'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti WebUn'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti Web
 
Gal.Internet
Gal.InternetGal.Internet
Gal.Internet
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016
 
jAPS 2.0, il web diventa accessibile - Barcamp
jAPS 2.0, il web diventa accessibile - Barcamp jAPS 2.0, il web diventa accessibile - Barcamp
jAPS 2.0, il web diventa accessibile - Barcamp
 
Dal web 2.0 alla creazione di un sito internet
Dal web 2.0 alla creazione di un sito internetDal web 2.0 alla creazione di un sito internet
Dal web 2.0 alla creazione di un sito internet
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
 
2 accessibilità web
2 accessibilità web2 accessibilità web
2 accessibilità web
 
Webinar "Il tuo sito web è accessibile alle persone con disabilità?" 20 11_20
Webinar "Il tuo sito web è accessibile alle persone con disabilità?" 20 11_20Webinar "Il tuo sito web è accessibile alle persone con disabilità?" 20 11_20
Webinar "Il tuo sito web è accessibile alle persone con disabilità?" 20 11_20
 
Lamp Open Italy
Lamp Open ItalyLamp Open Italy
Lamp Open Italy
 
I cataloghi delle biblioteche e il nuovo Web (1)
I cataloghi delle biblioteche e il nuovo Web (1)I cataloghi delle biblioteche e il nuovo Web (1)
I cataloghi delle biblioteche e il nuovo Web (1)
 
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
 
Corso di Formazione: Redattore di Sito Web Dipartimentale
Corso di Formazione: Redattore di Sito Web DipartimentaleCorso di Formazione: Redattore di Sito Web Dipartimentale
Corso di Formazione: Redattore di Sito Web Dipartimentale
 
Comunicazione turistica in Internet
Comunicazione turistica in InternetComunicazione turistica in Internet
Comunicazione turistica in Internet
 
Introduzione al web writing
Introduzione al web writingIntroduzione al web writing
Introduzione al web writing
 
Comunicazione istituzionale attraverso il sito Web
Comunicazione istituzionale attraverso il sito WebComunicazione istituzionale attraverso il sito Web
Comunicazione istituzionale attraverso il sito Web
 

More from Gianluca Affinito

Guida agli strumenti Moodle per docenti
Guida agli strumenti Moodle per docentiGuida agli strumenti Moodle per docenti
Guida agli strumenti Moodle per docentiGianluca Affinito
 
Guida al corso online Partecipazione
Guida al corso online PartecipazioneGuida al corso online Partecipazione
Guida al corso online PartecipazioneGianluca Affinito
 
Come usare Moodle - Guida introduttiva
Come usare Moodle - Guida introduttivaCome usare Moodle - Guida introduttiva
Come usare Moodle - Guida introduttivaGianluca Affinito
 
Cosa sono i webinar e come si gestiscono
Cosa sono i webinar e come si gestisconoCosa sono i webinar e come si gestiscono
Cosa sono i webinar e come si gestisconoGianluca Affinito
 
Garantire l'accessibilità sui social media
Garantire l'accessibilità sui social mediaGarantire l'accessibilità sui social media
Garantire l'accessibilità sui social mediaGianluca Affinito
 
PA e social media: raccomandazioni d'uso
PA e social media: raccomandazioni d'usoPA e social media: raccomandazioni d'uso
PA e social media: raccomandazioni d'usoGianluca Affinito
 
Nuovo cad e siti web della pa
Nuovo cad e siti web della paNuovo cad e siti web della pa
Nuovo cad e siti web della paGianluca Affinito
 
Nuovi requisiti per l'accessibilità dei siti web
Nuovi requisiti per l'accessibilità dei siti webNuovi requisiti per l'accessibilità dei siti web
Nuovi requisiti per l'accessibilità dei siti webGianluca Affinito
 
Linee guida per i siti web della PA
Linee guida per i siti web della PALinee guida per i siti web della PA
Linee guida per i siti web della PAGianluca Affinito
 
GooglePA, un motore di ricerca per i siti della PA italiana
GooglePA, un motore di ricerca per i siti della PA italianaGooglePA, un motore di ricerca per i siti della PA italiana
GooglePA, un motore di ricerca per i siti della PA italianaGianluca Affinito
 
Accessibilità del software didattico
Accessibilità del software didatticoAccessibilità del software didattico
Accessibilità del software didatticoGianluca Affinito
 

More from Gianluca Affinito (16)

Guida agli strumenti Moodle per docenti
Guida agli strumenti Moodle per docentiGuida agli strumenti Moodle per docenti
Guida agli strumenti Moodle per docenti
 
I MOOC di Formez PA
I MOOC di Formez PAI MOOC di Formez PA
I MOOC di Formez PA
 
Guida al corso online Partecipazione
Guida al corso online PartecipazioneGuida al corso online Partecipazione
Guida al corso online Partecipazione
 
Guida corso Open data
Guida corso Open dataGuida corso Open data
Guida corso Open data
 
Guida corso E-leadership
Guida corso E-leadershipGuida corso E-leadership
Guida corso E-leadership
 
Come usare Moodle - Guida introduttiva
Come usare Moodle - Guida introduttivaCome usare Moodle - Guida introduttiva
Come usare Moodle - Guida introduttiva
 
Cosa sono i webinar e come si gestiscono
Cosa sono i webinar e come si gestisconoCosa sono i webinar e come si gestiscono
Cosa sono i webinar e come si gestiscono
 
Moodle
MoodleMoodle
Moodle
 
Garantire l'accessibilità sui social media
Garantire l'accessibilità sui social mediaGarantire l'accessibilità sui social media
Garantire l'accessibilità sui social media
 
PA e social media: raccomandazioni d'uso
PA e social media: raccomandazioni d'usoPA e social media: raccomandazioni d'uso
PA e social media: raccomandazioni d'uso
 
Nuovo cad e siti web della pa
Nuovo cad e siti web della paNuovo cad e siti web della pa
Nuovo cad e siti web della pa
 
Nuovi requisiti per l'accessibilità dei siti web
Nuovi requisiti per l'accessibilità dei siti webNuovi requisiti per l'accessibilità dei siti web
Nuovi requisiti per l'accessibilità dei siti web
 
Come usare moodle
Come usare moodleCome usare moodle
Come usare moodle
 
Linee guida per i siti web della PA
Linee guida per i siti web della PALinee guida per i siti web della PA
Linee guida per i siti web della PA
 
GooglePA, un motore di ricerca per i siti della PA italiana
GooglePA, un motore di ricerca per i siti della PA italianaGooglePA, un motore di ricerca per i siti della PA italiana
GooglePA, un motore di ricerca per i siti della PA italiana
 
Accessibilità del software didattico
Accessibilità del software didatticoAccessibilità del software didattico
Accessibilità del software didattico
 

L'accessibilità dei contenuti sul web

  • 1. L’accessibilità dei contenuti sul web Alcuni testi sono tratti da: Requisiti e suggerimenti per realizzare siti ed applicazioni web accessibili per la Regione Emilia-Romagna
  • 3.
  • 4.
  • 5.
  • 6.
  • 8.
  • 9.
  • 11.
  • 12.
  • 14.
  • 15.
  • 16. Aggiungere un titolo ad una pagina
  • 17.  
  • 18.  
  • 19.
  • 20.
  • 21.
  • 22. Aggiungere un testo alternativo a un’immagine
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29. Aggiungere un titolo a un link
  • 30.
  • 31.
  • 32.
  • 33.
  • 34. Rendere accessibile una tabella di dati Intestazioni di righe e colonne Sommario e titolo della tabella
  • 35.
  • 36.
  • 37. Rendere comprensibile il testo Parole della lingua naturale Parole del gergo burocratico Parole intere Abbreviazioni e sigle Soggetti animati Soggetti inanimati Affermazione Doppia negazione Forme verbali attive e personali Forme verbali passive e impersonali Frasi brevi con costruzioni coordinate Frasi lunghe con costruzioni subordinate Titoli e sottotitoli brevi e concreti Titoli e sottotitoli lunghi e astratti Testo articolato Testo continuo
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48. Tutti i cittadini hanno pari dignità sociale e sono eguali davanti alla legge, senza distinzione di sesso, di razza, di lingua, di religione, di opinioni politiche, di condizioni personali e sociali. È compito della Repubblica rimuovere gli ostacoli di ordine economico e sociale, che, limitando di fatto la libertà e l'eguaglianza dei cittadini, impediscono il pieno sviluppo della persona umana e l'effettiva partecipazione di tutti i lavoratori all'organizzazione politica, economica e sociale del Paese. Articolo 3, Costituzione della Repubblica Italiana Opera rilasciata sotto licenza Creative Commons Attribuzione-Non commerciale-Condividi allo stesso modo 2.5 Italia http://creativecommons.org/licenses/by-nc-sa/2.5/it/