Immagina di dover lavorare senza poter accedere a internet, o avendo delle gravi difficolt\u00e0 nel farlo. Immagina di dover fare un bonifico ma non riuscire ad accedere all’app della banca. Immagina di voler prenotare un tavolo in un ristorante, non riesci a visualizzare il numero di telefono. Immagina di dover prenotare una visita urgentemente, non capisci cosa ci sia scritto.<\/p>\n\n\n\n
Forse per te \u00e8 qualcosa di impensabile ma sono in molti quelli che vivono in queste condizioni ogni giorno. Oggi andremo a parlare di un argomento che negli ultimi anni interessa sempre pi\u00f9 professionisti: l\u2019accessibilit\u00e0<\/strong>.<\/p>\n\n\n\n Parto subito dicendo che \u00e8 un argomento davvero molto ampio che non pu\u00f2 essere snocciolato in un singolo articolo, oggi ci concentreremo solo su alcuni aspetti:<\/p>\n\n\n\n Si annuncia un articolo bello pieno di informazioni, alla fine vi dar\u00f2 anche qualche altro link e risorsa da consultare. Prima di iniziare per\u00f2 cerchiamo di definire cos\u2019\u00e8 l\u2019accessibilit\u00e0 web.<\/p>\n\n\n\n L\u2019accessibilit\u00e0 web per una persona con disabilit\u00e0 \u00e8 la possibilit\u00e0 di usufruire dei contenuti di un sito web o app senza riscontrare difficolt\u00e0 o barriere che limitano la sua esperienza<\/strong>.<\/p>\n\n\n\n Inoltre, va ricordato che gli utenti non sono tutti uguali e che ogni disabilit\u00e0 ha necessit\u00e0 diverse e ben specifiche<\/strong>, non si pu\u00f2 creare un prodotto standard per l\u2019accessibilit\u00e0 ma bisogna affrontare ogni caso, per avere un prodotto che possa essere fruito da tutti.<\/p>\n\n\n\n Perch\u00e8 rendere accessibile un sito web?<\/strong><\/p>\n\n\n\n Pu\u00f2 non essere cos\u00ec semplice capire il perch\u00e8 sia cos\u00ec importante creare siti web accessibili per chiunque e pur parlandone da ormai 20 anni (le prime regole sull\u2019accessibilit\u00e0 nascono nel 1999<\/a>), sembra che le cose fatichino a cambiare.<\/p>\n\n\n\n Eppure l\u2019accessibilit\u00e0 \u00e8 centrale ai giorni nostri e la troviamo un po\u2019 ovunque: parcheggi, ascensori, mezzi pubblici, luoghi di ristoro, in molti di questi ambiti si adoperano per avere dei meccanismi o soluzioni per persone con disabilit\u00e0, il mondo virtuale non dovrebbe essere da meno.<\/p>\n\n\n\n Cerchiamo di capire quindi il \u201cperch\u00e8\u201d rendere il web accessibile. Possiamo individuare 3 motivi:<\/p>\n\n\n\n La prima \u00e8 quella che interessa la maggior parte delle aziende, ci sono delle leggi da seguire e da quelle non si scappa, o forse s\u00ec.<\/p>\n\n\n\n Dico questo perch\u00e8, almeno in Italia, non ci sono delle leggi cos\u00ec stringenti in merito all\u2019accessibilit\u00e0, infatti l\u2019obbligo \u00e8 solo per due grandi categorie:<\/p>\n\n\n\n Per le aziende private devo citare l\u2019European Accessibility Act<\/a> che cerca di indicare delle direttive che possano migliorare l\u2019accessibilit\u00e0 in diversi contesti e per tutti gli stati membri (Italia compresa). Anche in questo caso ci sono delle eccezioni, infatti da queste direttive sono esentate le microimprese e le PMI (piccole-medie imprese) se lo sforzo economico risultasse eccessivo saranno anch\u2019esse esentate, principio dell\u2019onore sproporzionato. <\/p>\n\n\n\n Le cose stanno cambiando ma ci vorr\u00e0 ancora un po\u2019 di tempo.<\/p>\n\n\n\n Per saperne di pi\u00f9 ti lascio un bell’articolo di Marco Bertoni<\/a>, esperto di accessibilit\u00e0 digitale.<\/p>\n\n\n\n Molte aziende, che siano PMI o grandi multinazionali, hanno capito l\u2019importanza di risultare pi\u00f9 vicine ad alcune tematiche che caratterizzano i nostri tempi (cambiamento climatico, diritti civili, sanit\u00e0 mentale, eccetera), desiderano quindi essere percepite come vicine a chi combatte e sostiene questi argomenti. L\u2019accessibilit\u00e0 risulta essere un tema importante per aumentare la reputazione dell\u2019azienda<\/strong>, per capire il perch\u00e8 vi mostro qualche dato.<\/p>\n\n\n\n Circa il 15% della popolazione mondiale<\/strong> ha una disabilit\u00e0, 80 milioni di persone<\/strong> e il dato, a causa dell\u2019invecchiamento della popolazione, tender\u00e0 ad aumentare.<\/p>\n\n\n\n Ora, avendo questi dati in testa, non vi sar\u00e0 difficile capire che una buona percentuale dei potenziali utenti di un sito ha una disabilit\u00e0 e che se il sito non rispetta certi canoni non verr\u00e0 utilizzato da questi. <\/p>\n\n\n\n Questo potrebbe portare ad una perdita economica consistente<\/strong> e ad una svalutazione della reputazione dell\u2019azienda stessa<\/strong>.<\/p>\n\n\n\n Le cose per\u00f2 possono cambiare, un\u2019azienda che si interessa dell\u2019accessibilit\u00e0 e, quindi, crea prodotti digitali per una gamma pi\u00f9 ampia di persone sar\u00e0 vista come una realt\u00e0 inclusiva, non solo da chi viene incluso (o non pi\u00f9 escluso) ma anche da un pubblico sempre pi\u00f9 vasto che si interessa a certi temi. <\/p>\n\n\n\n In pratica, aumentano le possibilit\u00e0 di incrementare il flusso di entrate sul sito.<\/p>\n\n\n\n Rendere il web accessibile, e quindi un posto adatto a tutti \u00e8 un compito non facile, il problema principale \u00e8 quello di far capire a chi non vive queste difficolt\u00e0 l\u2019importanza di questo lavoro, perch\u00e9 \u201cl\u2019internet\u201d non \u00e8 tangibile, almeno viene visto cos\u00ec in prima battuta, invece risulta essere una parte essenziale delle nostre vite.<\/p>\n\n\n\n Ci unisce un legame di interdipendenza<\/strong>, dove noi usiamo il web per i nostri bisogni e lui sar\u00e0 in dovere di aiutarci, per completare questa unione \u00e8 indispensabile che ci\u00f2 avvenga.<\/p>\n\n\n\n Questo \u00e8 un legame reale<\/strong>.<\/p>\n\n\n\n Non \u00e8 giusto che solo alcuni possano usufruirne perch\u00e9 tutte le persone devono essere trattate sul medesimo piano umano<\/strong>.<\/p>\n\n\n\n Lettura consigliata: Anatomia del leader nell\u2019era delle trasformazioni digitali veloci<\/a><\/strong><\/p>\n\n\n\n In questo capitolo andremo a vedere alcune caratteristiche che sono indispensabili per creare un sito accessibile, ma prima bisogna capire cosa lo rende tale.<\/p>\n\n\n\n Esistono infatti 4 pilastri per l\u2019accessibilit\u00e0 <\/strong>digitale, li trovate descritti all\u2019interno delle linee guida WCAG 2.1<\/a> redatta dal W3C (World Wide Web Consortium), cio\u00e8 la comunit\u00e0 internazionale che si occupa della definizione di standard web aperti per promuovere l’accessibilit\u00e0.<\/p>\n\n\n\n Detto ci\u00f2, andiamo a vedere questi punti:<\/p>\n\n\n\n Quando create un contenuto per il digitale dovr\u00e0 riuscire a rispettare questi capisaldi dell\u2019accessibilit\u00e0, sia che voi creiate copy o un’interfaccia grafica, tutto dovr\u00e0 rispondere ai punti che vi ho appena elencato.<\/p>\n\n\n\n Come vi ho detto potete trovare queste informazioni all’interno della WCAG, ovviamente per\u00f2 i dati contenuti in queste linee guida sono svariate, per\u00f2 vorrei condividere con voi quelle che a mio parere sono alcune caratteristiche essenziali per un sito (e per la sua accessibilit\u00e0).<\/p>\n\n\n\n Molte persone con disabilit\u00e0 utilizzano queste tecnologie per muoversi all\u2019interno del web<\/strong>, molte pagine per\u00f2 entrano in conflitto con questi mezzi impedendo alla persona di poter navigare. La compatibilit\u00e0 del tuo sito con queste tecnologie \u00e8 indispensabile.<\/p>\n\n\n\n Che il tuo lavoro sia quello del designer o developer sai benissimo quanto l’ordine e la gerarchia delle informazioni<\/strong> sia di cruciale importanza, in pi\u00f9 devi pensare che un sito mal organizzato con una struttura confusionaria non aiuta per niente un utente con ADHD (sindrome da iperattivit\u00e0\/deficit di attenzione).<\/p>\n\n\n\n La scelta del font pu\u00f2 essere un elemento essenziale per la creazione di un prodotto digitale (e non) ma alcuni di essi potrebbero essere totalmente inadeguati e inaccessibili ad alcune persone. Ti lascio un link dove puoi trovare un articolo interessante<\/a> (e qualche font) che potr\u00e0 aiutarti nel tuo prossimo lavoro.<\/p>\n\n\n\n Designer per piacere ascoltatemi, capisco la voglia di creare un effetto \u201cwow\u201d con la vostra interfaccia ma il gioco non vale la candela. Il contrasto \u00e8 una parte essenziale <\/strong>che pu\u00f2 davvero minare l\u2019accessibilit\u00e0 del vostro sito, se un utente non riesce a comprendere i vostri contenuti scapper\u00e0 a gambe filate, tutto il vostro impegno sar\u00e0 stato inutile.<\/p>\n\n\n\n Developer questa \u00e8 per voi. Infatti sar\u00e0 anche vostro compito inserire una descrizione testuale<\/strong> a tutti quegli elementi che ne avranno bisogno (immagini, video, foto, eccetera. Attraverso i testi alternativi<\/strong> renderete il web un posto pi\u00f9 accessibile, le persone che utilizzano screen reader ve ne saranno grate.<\/p>\n\n\n\n Per concludere questo articolo vorrei condividere con voi alcuni falsi miti sull\u2019accessibilit\u00e0 e, come avevo promesso, condivider\u00f2 con voi alcuni link che ritengo utili per migliorare le vostre competenze in questo ambito.<\/p>\n\n\n\n Questo mito probabilmente ricade molto sui developer e il loro modo di creare codice, infatti si pensa che risolvendo i \u201cproblemi tecnici\u201d si potr\u00e0 finalmente avere un web che include tutti, questa \u00e8 una bugia.<\/p>\n\n\n\n Non voglio dire che il team di sviluppo non abbia le sue responsabilit\u00e0, per\u00f2 ci\u00f2 a cui non pensiamo spesso \u00e8 che per un prodotto digitale le parti che lavorano nel crearlo sono diverse, le principali che ci interessano sono: sviluppo, design e contenuto.<\/strong><\/p>\n\n\n\n Tutti questi insiemi hanno dei doveri per quanto riguarda l\u2019accessibilit\u00e0 di un sito, vi faccio un esempio pratico.<\/p>\n\n\n\n Sappiamo che per le immagini la cosa migliore sarebbe quella di avere una propriet\u00e0 \u201calt text\u201d con una descrizione che spieghi l\u2019immagine riportata, redigere il testo per la descrizione non \u00e8 compito del reparto sviluppo ma di quello che crea i contenuti.<\/p>\n\n\n\n Quindi developer avete i vostri compiti, ma non \u00e8 tutto sulle vostre spalle.<\/p>\n\n\n\n Vi posso assicurare questo mito \u00e8 quello meno credibile ma anche pi\u00f9 longevo, ancora oggi sono in molti che ci credono.<\/p>\n\n\n\n Per creare un sito accessibile, come abbiamo visto, bisogna seguire alcune regole pratiche che non intaccano il design del prodotto digitale<\/strong> rendendolo piatto, anzi se ben utilizzate queste regole possono portarvi alla creazione di un’interfaccia interessante e accessibile.<\/p>\n\n\n\n Ammetto che la prima volta che ho scoperto le linee guida WCAG mi sono pietrificato. Pensavo fossero impossibili da capire, esclusive per pochi esperti, cos\u00ec non era. <\/p>\n\n\n\n Questo per\u00f2 succede sempre e a chiunque quando vuole imparare qualcosa di nuovo. <\/p>\n\n\n\n Se scopri un argomento per la prima volta e non ne sai abbastanza penserai che sia difficile, dopo un anno che lo studi il tuo rapporto con esso sar\u00e0 stato stravolto.<\/p>\n\n\n\n Per aiutarti nello studio dell\u2019accessibilit\u00e0 ti condivido alcuni link che spero possano esserti utili, ricordandoti che l\u2019accessibilit\u00e0 \u00e8 una sfida che ognuno di noi deve affrontare per rendere il web un posto migliore.<\/p>\n\n\n\n Lettura consigliata: Accessibilit\u00e0 digitale: i miti da sfatare<\/a><\/strong><\/p>\n\n\n\n Link per l\u2019accessibilit\u00e0:<\/strong><\/p>\n\n\n\n Per l\u2019accessibilit\u00e0<\/strong><\/p>\n\n\n\n AGID: agenzia per l\u2019italia digitale<\/a><\/p>\n\n\n\n Linee guida sull\u2019accessibilit\u00e0 degli strumenti informatici<\/a><\/p>\n\n\n\n Per developer<\/strong><\/p>\n\n\n\n L\u2019importanza del codice semantico <\/a><\/p>\n\n\n\n Nuovo standard HTML per l\u2019accessibilit\u00e0<\/a><\/p>\n\n\n\n Cos\u2019\u00e8 e perch\u00e8 usare il testo alternativo<\/a><\/p>\n\n\n\n Per designer <\/strong><\/p>\n\n\n\n Guida per creare palette colori e contrasti per l\u2019accessibilit\u00e0<\/a><\/p>\n\n\n\n Tool per la creazione di palette colori accessibili<\/a><\/p>\n\n\n\n Video per principianti per creare un\u2019interfaccia accessibile con Figma<\/a><\/p>\n\n\n\n Persone esperte di web accessibile (LinkedIn):<\/strong><\/p>\n\n\n\n Marco Bertoni<\/a><\/p>\n\n\n\n Roberto Scano<\/a><\/p>\n\n\n\n Anna Cook, M.S.<\/a><\/p>\n\n\n\n Christopher Patnoe<\/a><\/p>\n\n\n\n St\u00e9phanie (Stefangnie Waltergheist) Walter<\/a> <\/a><\/p>\n\n\n\n Altre risorse<\/strong><\/p>\n\n\n\n Checklist utile da considerare quando si progetta accessibile<\/a><\/p>\n\n\n\n Linee guida di Microsoft per progettare accessibile <\/a><\/p>\n\n\n\n Libro scaricabile gratuitamente che parla di accessibilit\u00e0<\/a><\/p>\n\n\n\n
Web accessibile<\/strong><\/h2>\n\n\n\n
\n
1. Obblighi di legge<\/strong><\/h3>\n\n\n\n
\n
\n
2. Reputazione dell\u2019azienda<\/strong><\/h3>\n\n\n\n
3. Etica<\/strong><\/h3>\n\n\n\n
\n\n\n\n
\n\n\n\nCosa rende un sito web accessibile?<\/strong><\/h2>\n\n\n\n
\n
Compatibilit\u00e0 con le tecnologie assistive<\/strong><\/h2>\n\n\n\n
Gerarchia e ordine<\/strong><\/h2>\n\n\n\n
Font leggibile<\/strong><\/h2>\n\n\n\n
I contrasti sono essenziali<\/strong><\/h2>\n\n\n\n
Descrizione dei contenuti non testuali<\/strong><\/h2>\n\n\n\n
Falsi miti sull\u2019accessibilit\u00e0 e link utili<\/strong><\/h2>\n\n\n\n
1. L\u2019accessibilit\u00e0 \u00e8 un problema tecnico<\/strong><\/h3>\n\n\n\n
2. I siti accessibili sono brutti e noiosi<\/strong><\/h3>\n\n\n\n
3. L\u2019accessibilit\u00e0 \u00e8 difficile<\/strong><\/h3>\n\n\n\n
\n\n\n\n
\n\n\n\n