Come migliorare l'accessibilità di un sito web

In questo articolo, che è stato tradotto da How to improve your website’s accessibility su Anadea, si parla della situazione attuale dell'accessibilità dei siti web, con suggerimenti che indicano passo passo come valutare l'accessibilità del proprio sito, come evitare gli errori più comuni e come migliorare l'accessibilità digitale.

Ma soprattutto, da chi si può ricevere aiuto? Quali sono gli esperti e gli specialisti di accessibilità digitale?

Questo articolo parla di:

 

• Accessibilità oggi: accessibilità come tendenza, cos'è l'accessibilità web, normative.
• Perché l'accessibilità è importante per la tua azienda?
• Come rilevare una scarsa/buona accessibilità? — test rapidi, gratuiti ed elementari per siti web sull'accessibilità
• Chi può aiutarti con l'accessibilità? — specialisti necessari per migliorare l'accessibilità
• Errori comuni e consigli per evitarli — Esperienza e consigli di Anadea
• Conclusioni: le opinioni degli esperti sull'accessibilità come tendenza

Vuoi parlarne con noi? Chiedi una call con noi senza impegno!

Contattaci!

L'accessibilità oggi

La nozione di accessibilità ha iniziato a formarsi negli Stati Uniti negli anni '90 e si è inserita nel contesto dei cambiamenti sociali e legislativi. Nel 1990 è entrato in vigore ADA (Americans With Disabilities Act) migliorando così la vita degli americani con disabilità e fornendo pari opportunità nello spazio pubblico, nei trasporti, negli alloggi, nell'istruzione, nel lavoro e altro ancora.

L'accessibilità ha fatto molta strada da quel momento e si è diffusa anche nello spazio digitale, infatti oggi negli Stati Uniti, in Canada, in Europa e in altri paesi sono state approvate leggi che regolano l'accessibilità del web per le persone con disabilità.

L'obiettivo principale dell'accessibilità è quello di fornire alle persone con disabilita uguale accesso alle informazioni, allo stesso modo della altre persone, anche grazie alla possibilità di utilizzare dispositivi speciali (ad esempio, tastiere con tasti più grandi o più visibili, lettori di schermo, ecc.) per rendere loro la navigazione e l'accesso alle informazioni a portata di mano.

Sfortunatamente, la situazione attuale è tutt'altro che ideale. La stragrande maggioranza dei siti Web e delle app mobili non soddisfa ancora i requisiti di accessibilità. Tuttavia, nel mercato del lavoro è possibile osservare l'aumento della domanda di sviluppo e rifacimento di soluzioni web e app conformi alle normative sull'accessibilità.

Perché l'accessibilità è importante per la tua azienda?

Le ragioni per preoccuparsi dell'accessibilità possono essere diverse:

• per comprendere la necessità di cambiamento sociale e responsabilità sociale;
• per liberarsi dei rischi di azioni legali;
• per espandere il mercato dei propri consumatori;
• perché è stata riconosciuta una correlazione tra una buona accessibilità e risultati SEO di Google
• per offrire una migliore esperienza utente e molto altro.

Tuttavia, indipendentemente dalle ragioni e dagli obiettivi, per conformarsi alle normative lo sviluppo dei siti web deve essere all'insegna dell'accessibilità. Come raccomandazione, le fonti web dovrebbero tendere al livello di accessibilità AA (mid-range) dalle linee guida WCAG 2.0. La maggior parte delle aziende preferisce non prestare attenzione all'accessibilità poiché credono che il costo di sviluppo aumentai senza alcuna contropartita, il che non è sempre vero, come dimostrano i fatti. Tuttavia, il rifascimento dopo il rilascio in un sito non accessibile può superare il 50% del costo dell'intero progetto, senza contare le sanzioni del tribunale, se si verificano inadempienze. Inoltre, le violazioni delle norme sull'accessibilità possono causare danni alla reputazione e perdite monetarie.

Vuoi provare un template accessibile compatibile con le linee guida dell'Agenzia Digitale Italiana AGID?

Scarica il template demo!

 

Come misurare una scarsa/buona accessibilità?

C'è un test super-express per verificare lo stato di accessibilità del tuo sito web:

Vai al tuo sito web e premi il tasto "Tab" per navigare nella pagina.

Nel caso in cui vedi gli elementi di navigazione evidenziati e vedi sullo schermo dove ti trovi durante la navigazione, se sei in grado di raggiungere la parte inferiore del sito, allora, c'è una probabilità che gli sviluppatori abbiano pensato all'accessibilità durante lo sviluppo e puoi andare a altri test.

In caso contrario, hai molto da considerare.

Un altro test rapido viene eseguito con l'aiuto dello strumento Lighthouse. In Google Chrome vai al tuo sito web, apri "Strumenti per sviluppatori" (CTRL+MAIUSC+I), trova Lighthouse

 

Quindi fai clic sul pulsante "Genera rapporto".

 

Questo è un elenco di elementi di accessibilità che vengono controllati automaticamente dallo strumento:

 

Tuttavia, ce ne sono alcuni che devono essere controllati manualmente:

Il buon esito del test si ha quando raggiungi la “zona verde”.

Vuoi fare un test del tuo sito per la dichiarazione di accessibilità? 

Contattaci!

 

Chi può aiutarti con l'accessibilità?

Ci sono 2 possibili situazioni in cui hai bisogno di aiuto con la tua accessibilità:

1. con un progetto web esistente;
2. con un nuovo progetto web.

Se si tratta di un nuovo progetto Web in fase di sviluppo, l'ordine di intervento dovrebbe essere: designer -> sviluppatore frontend -> tester;

se si tratta di un sito già esistente, l'ordine è: tester — contemporaneamente designer e sviluppatore front-end.

Va tenuto conto dell'accessibilità e ci vuole esperienza nel rifare grandi progetti web in modo che siano conformi alle normative, per esempio, se uno dei principali clienti ha la necessità di migliorare l'accessibilità in breve tempo. Lo scopo del lavoro è significativo:

• un designer lavora attraverso gli elementi della pagina, modificandone le dimensioni, i caratteri, i colori, aggiungendo contrasto agli elementi e rendendoli armoniosi con altri elementi strutturali, attraenti per gli utenti, conformi al marchio, ecc.;
• gli sviluppatori creano HTML semantico. Gli elementi HTML semantici sono quelli che descrivono chiaramente il loro significato in un modo leggibile dall'uomo e dalla macchina. Sono indispensabili per chi usa screen reader, e TAB per la navigazione;
• si risolvono compiti complessi di navigazione in elenchi multilivello;
• si aggiunge la possibilità di utilizzare il calendario e altri elementi di pagina complessi, come una calcolatrice;
• si aggiunge la possibilità per gli screen reader di leggere i pulsanti se sono immagini;
• si rendono significativi tutti gli attributi "alt". Un testo alternativo per un'area, se l'immagine non può essere visualizzata per fornire informazioni su cosa c'è su un'immagine se un utente utilizza uno screen reader;
• si rendono significativi i titoli per lo stesso motivo;
• si ricostruiscono i grafici in modo che si adattino all'accessibilità e molto altro ancora.

Portare un sito web in una "zona verde" è una lunga strada. Gli esperti hanno raccolto gli errori più comuni di accessibilità e raccomandazioni per evitarli e rendere la tua strada più breve.

Errori comuni e consigli per evitarli

Errori di accessibilità più frequenti:

• pulsanti immagine senza testo alternativo che li descriva;
• nessuna attenzione agli elementi interattivi;
• sezioni senza intestazioni;
• immagini in HTML con "alt" senza significato;
• librerie non disponibili;
• le liste non sono costruite con 'ul', 'li', il che si traduce nell'impossibilità per gli screen reader di dare voce ai loro contenuti;
• assenza di altri tag semantici nella pagina, che si traduce in una navigazione scadente e nell'impossibilità per gli screen reader di dare voce agli elementi e ai loro contenuti;
• collegamenti con testo come "ulteriori informazioni", senza informazioni su dove indirizza l'utente.

Raccomandazioni dei nostri esperti:

• considera i regolamenti di legge, i requisiti per l'accessibilità della regione della tua attività e il tuo pubblico;
• non concentrarti troppo sul raggiungimento della "zona verde". È meglio concentrarsi sull'esperienza degli utenti. Pensa a come le persone con disabilità utilizzeranno il tuo sito web, pensa prima alla loro comodità. Ad esempio, non scrivere alt text senza senso, solo per superare i test;
• un buon consiglio per un designer è pensare al focus sugli elementi.

 

Conclusioni

Gradualmente, l'accessibilità diventerà uno standard ampiamente conosciuto nello sviluppo di siti Web e i proprietari di siti Web, così come gli sviluppatori, inizieranno ad adattarsi alle nuove realtà.  Gli esperti stanno acquisendo esperienza pratica, seguendo le notizie; si cerca di trasmettere ai clienti tutte le informazioni necessarie per aiutarli a rendere accessibili i loro prodotti web.

Ad esempio, sta diventando evidente che una buona accessibilità è una parte necessaria di una buona esperienza utente, che a sua volta influenza i risultati delle SERP e le posizioni del tuo sito web in Google.

L'attuale situazione in questo settore è ancora lontana dall'ideale dal punto di vista degli sviluppatori. Le fonti tecniche da implementare sono limitate: HTML, CSS, browser Web non sono ancora perfetti per fornire una buona esperienza utente per le persone disabili. Inoltre, le tendenze del design rimangono lontane dall'accessibilità, concentrandosi su componenti visivi accattivanti che sono vitali per l'identità di un marchio o di un prodotto. Tuttavia, questo è un problema molto vivo per la società e speriamo che con il tempo l'accessibilità al web diventi onnipresente.

Fonte: https://anadea.info/blog/how-to-improve-web-accessibility