Circa il 20%, quindi 1 persona su 5, degli utenti di internet e dei social ha una qualche forma di disabilit\u00e0. Circa l’11% degli studenti universitari ha una disabilit\u00e0.<\/p>\n
Basterebbero questi dati per dimostrare quanto sia essenziale disporre di un sito web accessibile, che fornisca pari accesso e pari opportunit\u00e0 per tutti. Se poi consideriamo che si tratta di potenziali fruitori dei nostri contenuti o consumatori dei nostri prodotti, agevolare l\u2019accesso realmente a tutti porta con s\u00e9 un matematico incremento del nostro pubblico<\/b>.<\/p>\n
<\/p>[\/et_pb_text][et_pb_text _builder_version=”4.11.1″ _module_preset=”default” text_font=”Verdana||||||||” link_font=”Verdana||||on||||” link_text_color=”#e02b20″ header_font=”Verdana||||||||” header_3_text_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” text_text_color__hover_enabled=”on|hover” sticky_enabled=”0″]
In Italia tutta la normativa di riferimento emanata riguarda, e vincola, solo la Pubblica Amministrazione.<\/b><\/p>\n
La Legge di riferimento per l\u2019Accessibilit\u00e0 digitale \u00e8 la n. 4 del 9 gennaio 2004<\/span><\/a>: le indicazioni riportate sono rivolte solo alla Pubblica Amministrazione. Nel 2018, con il Decreto legislativo n. 106<\/span><\/a> che modifica ed aggiorna questa legge, l\u2019Italia ha recepito la Direttiva UE 2016\/2102<\/span><\/a>, emanata per migliorare l\u2019accessibilit\u00e0 dei siti web e delle applicazioni mobili nel settore pubblico di ciascun Stato Membro. AGID, come garante del rispetto di quanto indicato, ha pubblicato le Linee Guida sull\u2019accessibilit\u00e0 degli strumenti informatic<\/span><\/a>i, in vigore da 10\/01\/2020.<\/p>\n <\/span><\/p>\n <\/span><\/p>[\/et_pb_text][et_pb_text _builder_version=”4.11.1″ _module_preset=”default” text_font=”Verdana||||||||” link_font=”Verdana||||on||||” link_text_color=”#e02b20″ header_font=”Verdana||||||||” header_3_text_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” text_text_color__hover_enabled=”on|hover” sticky_enabled=”0″] L\u2019Europa, ad esclusione di qualche iniziativa liberamente adottata da nazioni volonterose, \u00e8 decisamente indietro rispetto agli Stati Uniti in cui le Linee Guida vengono continuamente aggiornate per adeguarsi ai cambiamenti nella tecnologia ed alla necessit\u00e0 di accessibilit\u00e0 attraverso nuovi strumenti.<\/p>\n Cosa sono le WCAG<\/span><\/a>? Sono un insieme di standard tecnici sviluppati sotto la guida del World Wide Web Consortium (W3C), l’organizzazione internazionale degli standard per il web. Trovi le WCAG nel nostro sito a questo link.<\/span><\/span><\/a><\/p>\n <\/p>[\/et_pb_text][et_pb_text _builder_version=”4.11.1″ _module_preset=”default” text_font=”Verdana||||||||” link_font=”Verdana||||on||||” link_text_color=”#e02b20″ header_font=”Verdana||||||||” header_3_text_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” text_text_color__hover_enabled=”on|hover” sticky_enabled=”0″] Le 14 linee guida possono essere riassunte in 4 punti fondamentali.<\/p>\n \u21d2 Percepibile<\/b>: bisogna fornire alternative testuali per contenuti non testuali, didascalie e altre alternative per i contenuti multimediali. Bisogna garantire che il contenuto possa essere presentato in modi diversi con la tecnologia assistiva utilizzata, senza perdere il proprio significato e rendendo pi\u00f9 facile per i visitatori web vedere o ascoltare i contenuti.\u00a0<\/span><\/p>\n \u21d2 Utilizzabile<\/b>: tutte le funzionalit\u00e0 del sito devono essere rese disponibili utilizzando una tastiera; le operazioni devono poter essere eseguite lentamente; il contenuto non deve causare convulsioni; bisogna fornire diversi metodi per aiutare gli utenti a navigare e trovare contenuti.\u00a0<\/span><\/p>\n \u21d2 Comprensibile<\/b>: il testo deve essere leggibile e comprensibile; il contenuto non deve modificarsi in modi prevedibili; bisgona mettere a disposizione strumenti per comunciare eventuali errori.\u00a0<\/span><\/p>\n \u21d2 Durata<\/b>: il contenuto deve essere compatibile con gli strumenti di facilitazione attuali e futuri.\u00a0<\/span><\/p>\n <\/p>[\/et_pb_text][et_pb_text _builder_version=”4.11.1″ _module_preset=”default” text_font=”Verdana||||||||” link_font=”Verdana||||on||||” link_text_color=”#e02b20″ header_font=”Verdana||||||||” header_3_text_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” text_text_color__hover_enabled=”on|hover” sticky_enabled=”0″] Tutte le immagini devono avere un testo alternativo, necessario per la pubblicazione nel sistema di gestione dei contenuti (CMS).<\/p>\n Il testo alternativo ha una serie di funzioni<\/b>: le pi\u00f9 importanti sono il rendere accessibile lo scopo e\/o presentare adeguatamente l\u2019immagine, rendendole pi\u00f9 accessibili sia per chi ha disabilit\u00e0 visive sia per chi ha la necessit\u00e0 di comprendere meglio lo scopo o il siginificato dell\u2019immagine.\u00a0<\/span><\/p>\n Le regole principali per l\u2019accessibilit\u00e0 di una immagine sono 4:\u00a0<\/span><\/p>\n I grafici e altre immagini complesse possono richiedere pi\u00f9 della breve descrizione utilizzata per le immagini semplici ma \u00e8 importante fornirla nel testo alternativo perch\u00e9, spesso, grafici e immagini complesse possono effettivamente aumentare l’accessibilit\u00e0<\/b>.<\/p>\n <\/span><\/p>\n <\/span><\/p>[\/et_pb_text][et_pb_text _builder_version=”4.11.1″ _module_preset=”default” text_font=”Verdana||||||||” link_font=”Verdana||||on||||” link_text_color=”#e02b20″ header_font=”Verdana||||||||” header_3_text_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” text_text_color__hover_enabled=”on|hover” sticky_enabled=”0″] Il testo all’interno dei loghi, quando \u00e8 incluso il testo alternativo appropriato, pu\u00f2 essere considerato un \u201caccessorio\u201d dell\u2019immagine, quindi \u00e8 sufficiente la descrizione breve.<\/p>\n In generale, per\u00f2, includere del testo un’immagine rende difficoltosa l\u2019interpretazione <\/b>da parte degli strumenti facilitatori, soprattutto se il testo \u00e8 importante per la comprensione del contenuto. In questi casi, il testo all’interno dell’immagine deve necessariamente essere contenuto nel testo alternativo.\u00a0<\/span><\/p>\n <\/p>\n Le icone sono importanti<\/b>, soprattutto se descrivono in maniera semplice e comprensibile una azione, una funzione o una qualit\u00e0 specifica. Devono quindi essere semplici, facilmente comprensibili, non devono lasciare spazio a fraintendimenti (spesso dovuti alla cultura o alla lingua) e devono offrire un contrasto cromatico adeguato.\u00a0<\/span><\/p>\n <\/p>\n L\u2019animazione \u00e8 realmente una nota dolente sul Web, perch\u00e9 spesso distraggono, non sono interpretate dagli strumenti di facilitazione e possono provocare reazioni avverse, convulsioni e crisi epilettiche.<\/p>\n Eppure oggi la nostra comunicazione \u00e8 prettamente visuale ed in movimento.\u00a0Come conciliare le esigenze?<\/p>\n L\u2019animazione deve essere controllabile dall’utente e\/o di durata molto breve<\/b>, non deve lampeggiare, deve offrire un contrasto sufficiente tra lo sfondo e il primo piano e il colore non dovrebbe mai essere utilizzato per fornire informazioni di importanza.<\/p>\n <\/p>[\/et_pb_text][et_pb_text _builder_version=”4.11.1″ _module_preset=”default” text_font=”Verdana||||||||” link_font=”Verdana||||on||||” link_text_color=”#e02b20″ header_font=”Verdana||||||||” header_3_text_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” text_text_color__hover_enabled=”on|hover” sticky_enabled=”0″] Un ultimo interessante aspetto che affrontiamo in questo articolo \u00e8 quello relativo ai titoli di pagina che devono essere concisi e univoci, <\/b>in modo da assicurare che tutti i visitatori possano comprendere rapidamente lo scopo di una pagina web.<\/p>\n I titoli delle pagine sono infatti il primo elemento annunciato dagli screen reader.<\/p>\n Altrettanto importanti sono le intestazioni dei paragrafi<\/b>, utili in particolare per la comprensione della struttura dell\u2019articolo e della gerarchia di importanza delle informazioni.<\/p>\n <\/p>\n In questo articolo<\/a>\u00a0abbiamo affrontato il problema dei contenuti video: molti strumenti disponibili sul web permettono di realizzare video ed inserire testi ma, anche se vengono utilizzati come sottotitolo, si tratta di sottotitoli aperti, quindi non leggibili dagli screen readers.<\/p>\n Oltre ad essere naturalmente accurati e sincronizzati, i sottotitoli devono essere chiusi (quindi sincronizzati con il video ma provenienti da un file accessorio).<\/p>\n <\/p>[\/et_pb_text][et_pb_text _builder_version=”4.11.1″ _module_preset=”default” text_font=”Verdana||||||||” link_font=”Verdana||||on||||” link_text_color=”#e02b20″ header_font=”Verdana||||||||” header_3_text_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” text_text_color__hover_enabled=”on|hover” sticky_enabled=”0″] \u00a0<\/span>Il testo del link \u00e8 spesso un\u2019altra nota dolente: deve essere chiaro e significativo, evitando frasi non sono facilmente comprensibili.<\/p>\n Spesso infatti, la funzione di alcuni comandi \u00e8 semplice per i visitatori che osservano contemporaneamente tutta la pagina web ma per gli utenti che utilizzano uno screen reader, o un altro metodo di navigazione alternativo, non disporre contemporaneamente della globalit\u00e0 dei contenuti pu\u00f2 rende incomprensibile la funzione di un pulsante.<\/p>\n Naturalmente, anche i pulsanti ed i link devono rispettare le regole precedenti, quindi devono offrire un buon contrasto per una ottima visibilit\u00e0, devono essere abbastanza grandi da poter essere cliccati agevolmente e devono essere raggiungibili anche da tastiera.<\/p>\n <\/p>[\/et_pb_text][et_pb_text _builder_version=”4.11.1″ _module_preset=”default” text_font=”Verdana||||||||” link_font=”Verdana||||on||||” link_text_color=”#e02b20″ header_font=”Verdana||||||||” header_3_text_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” text_text_color__hover_enabled=”on|hover” sticky_enabled=”0″] Come per tutti gli altri contenuti, anche i file Adobe PDF devono soddisfare le linee guida per l’accessibilit\u00e0 <\/b>quando vengono condivisi sul Web.<\/p>\n Malgrado sia suggerito di non inserire un PDF se non sia strettamente necessario, lo si pu\u00f2 fare, con i dovuti accorgimenti.<\/p>\n Fondamentale \u00e8, comunque, che non sia una scansione <\/b>ma un file convertito in PDF, altrimenti tutto il contenuto sar\u00e0 illeggibile per gli strumenti facilitatori.<\/p>\n Nel nostro sito, ad esempio, trovi le nostre ricette accessibili<\/a> descritte nella pagina ma rendiamo disponibili anche la versione in PDF stampabile, per chi vuole conservare la ricetta sul foglio. Nel PDF, per\u00f2, \u00e8 disponibile il QRcode<\/b> che riporta immediatamente alla pagina web della ricetta: questo facilita la ricerca agli utenti chem ad esempio, desiderano leggere ricette correlate.<\/p>\nI criteri di riferimento esteri<\/h3>\n
I 4 principi fondamentali delle WCAG<\/h3>\n
Come elaborare immagini accessibili<\/h3>\n
\n
Come trattare il testo nelle immagini?<\/h3>\n
Uso delle icone<\/h3>\n
Animazione\u00a0<\/span><\/h3>\n
Titolo di pagina<\/h3>\n
Didascalie e trascrizioni<\/h3>\n
Link, pulsanti e CTA (call to action)<\/h3>\n
File in formato PDF<\/h3>\n