Accessibilità al web: che cos’è e perchè è cosi fondamentale?

Internet è un fenomeno così globale e diffuso, che influenza tutti gli aspetti della nostra vita. Pensaci, puoi immaginare il mondo senza Internet? Beh, presumo che tu possa, ed anch’io che sono della generazione che non aveva gadget nella loro infanzia (forse tranne l'orologio cinese elettronico), ma il fatto che il mondo sarà completamente diverso,si tratta di qualcosa  senza  con cui non puoi discutere . Il Web connette le persone in tutto il mondo, ci aiuta a ricevere le notizie e le informazioni, a conservare i documenti, a pianificare gli itinerari di viaggio e persino a preservare la nostra salute. Tuttavia, l'accessibilità al web non è sempre garantita.

Dicono che il web tollera tutto e tutti possono venire su Internet e imparare qualcosa. Sembra fantastico, ma non è vero. Ci sono molti siti web, non accessibili alle persone con disabilità. Parliamo dell'accessibilità al  web, perché è così importante e come puoi rendere il tuo sito web completamente accessibile.

Accessibilità web 01


Che cosa, in realtà, è l'accessibilità al web?

Accessibilità web 02

Circa il 15% delle persone sulla Terra ha determinati difetti con l’udito, vista, movimento o abilità cognitive. L'accesso alle informazioni per tali persone è incluso nella lista dei diritti umani, ma ancoraoggi, alcuni siti web sono irraggiungibili per tali persone. Per fornire un certo livello di accessibilità, il sito web deve essere adeguatamente progettato e codificato.


Le caratteristiche di accessibilità

Contrasto di colore

La transizione del colore sottile potrebbe sembrare davvero bella e sofisticata, ma ci sono persone che non vedono abbastanza bene o hanno qualche difficoltà con la percezione del colore. L'uso di colori molto contrastanti (come il bianco e nero, il giallo e il nero, il rosso e il bianco) potrebbe anche apparire magnifico e anche conveniente per queste persone.

Accessibilità web 03


Riconoscimento vocale

Con l'aspetto di Siri, Alexa e Cortana, il controllo dei tuoi gadget con la voce sta diventando sempre più popolare. E ci sono anche persone che, per qualche motivo, non possono usare le loro mani. Tuttavia, tutti saranno in grado di gestire il sito web con la voce solo se è regolato per tali manipolazioni.


Sintesi vocale

Le persone che hanno grandi problemi con gli occhi o sono completamente cieche usano software specializzati che traducono il testo in parole. Tuttavia, quel software non sarà in grado di dire cosa c'è in quella foto a meno che non si digiti del testo come descrizione alternativa.


Layout e design

Il design complicato e originale del sito web può impressionare il visitatore, ma può anche confonderlo. Se i visitatori non capiscono cosa dovrebbero fare sul tuo sito web, allora hai sicuramente fatto qualcosa di sbagliato. In questo caso, più semplice è la navigazione e il layout, meglio è.

Accessibilità web 04


Notifiche

Alcuni proprietari di siti web non pensano che le persone debbano essere informate delle azioni che svolgono. Ma quando si compila un modulo e poi scompare senza alcuna conferma, questa potrebbe essere una sorpresa piuttosto spiacevole. La stessa cosa riguarda le notifiche di errore. Detesto i messaggi "Dati non validi". Quando il messaggio di errore ti dice chiaramente cosa hai fatto di sbagliato e come risolvere il problema, tutti possono risparmiare un sacco di tempo.

Accessibilità web 05


Grandi elementi di controllo

I piccoli pulsanti e gli elementi cliccabili sono buoni solo se vuoi che i tuoi visitatori non li clicchino mai. Gli utenti di PC con agilità normale saranno in grado di cliccare su di essi, ma quelli che accedono al tuo sito web da tablet o smartphone o persone anziane con una destrezza normalmente ridotta avranno problemi a puntare a una freccia di controllo ridotta. Assicurati che i pulsanti più importanti (come "Acquista ora") del tuo sito web siano abbastanza grandi.

Accessibilità web 06


 Contenuto personalizzabile

Persone diverse hanno esigenze diverse Alcuni preferiscono ingrandire il testo e le immagini e guardare un'immagine più grande, altri non sono in grado di leggere il testo se le lettere sono troppo piccole. Se si assegnano alcuni controlli di personalizzazione nelle mani dello spettatore, sicuramente migliorerà la UX.


Comandi della tastiera

Non tutti possono usare un mouse. Potresti pensare che controllarlo sia un compito facile, ma ci sono persone che hanno problemi di coordinazione o che possono usare solo i pulsanti sulla tastiera. Se il tuo sito web potesse essere gestito dalla tastiera, renderebbe sicuramente più facile la vita di queste persone.


Sottotitoli del video

Anche i sordi e le persone con i problemi di udito desiderano guardare video, ma è impossibile se non ci sono sottotitoli. Aggiungere del testo al video non è così complicato come puoi immaginare, quindi dovresti pensarci.

Certo, è meglio vedere una volta che leggere migliaia di volte, ecco un video di W3C Web Accessibility Initiative che descrive tutte quelle caratteristiche in dettaglio:

Non solo le persone con disabilità potrebbero aver usato quelle funzioni. I colori contrastanti possono aiutarti quando provi a leggere qualcosa sul tuo telefono sotto il sole splendente. I sottotitoli nel video possono essere d'aiuto quando vuoi guardarlo nel luogo rumoroso o nello spazio pubblico dove è vietato fare rumore. Il riconoscimento vocale sarà utile se non si può usare la mano temporaneamente e la conversione da testo a parlato ti darà l'opportunità di fare il multitasking. Tuttavia, è proficuo per il proprietario di un sito web implementare tali funzionalità?


In che modo l'accessibilità ai siti web può portare profitti?

Certo, puoi dire: "Ok, mi hai elencato alcuni vantaggi che otterranno le persone con disabilità, ma cosa ci guadagnerei?". È un pò egoista, ma in genere l'implementazione dell'accessibilità richiede del tempo, sforzi e denaro, quindi è anche giusto. Tuttavia, ho una risposta - dovresti applicarlo al tuo sito web perché l'accessibilità web potrebbe renderlo più redditizio.

Accessibilità web 07

Prima di tutto, la personalizzazione del tuo sito web in base ai requisiti di accessibilità migliorerà la sua usabilità. L'interfaccia diventerà più conveniente per tutti gli utenti, non solo per quelli con disabilità. Più clienti visiteranno con piacere il tuo sito web, più spesso tornano a visitarlo e più amici portano con loro. Espandi le tue possibilità  e migliora il traffico: in un modo o nell'altro, renderà la tua azienda più efficiente.

In secondo luogo, le funzionalità di accessibilità web migliorano i tassi di SEO. In realtà, Google può essere definita anche "persona con disabilità": non può ascoltare i file audio e definire ciò che è presente nell'immagine. La trascrizione del testo dei file audio e delle note alt, allegata alle immagini, aiuta Google a vederlo e a trovare il tuo sito web. Più è facile per Google trovarti: più in alto salirai nei tassi di ricerca del motore di ricerca.

Infine, in alcuni paesi, è richiesto dalla legge di fare tutto il possibile per le persone con disabilità. I pacchetti di medicinali con notifiche in Braille, le rampe inclinate vicino alle scale, le notifiche via audio - tutti quelli già diventati un must e l'accessibilità al web è anche lentamente in fase di implementazione.


WCAG

Accessibilità web 08

Per garantire alle persone con disabilità un alto livello di accessibilità, la Web Accessibility Initiative (WAI) all'interno del World Wide Web Consortium (W3C) sviluppa costantemente un documento chiamato WCAG (Web Content Accessibility Guidelines). Tale documento fornisce l'insieme degli standard di accessibilità e si assicura che sianno simili in tutti i paesi. Contiene una serie di raccomandazioni sulle cose che si dovrebbero fare per rendere accessibile il suo sito web. Queste raccomandazioni sono chiamate Criteri di successo e, secondo loro, il sito web potrebbe raggiungere uno dei tre gradi: A, AA o AAA. Il test per un grado viene eseguito dai sistemi automatici e tester, che verificano se i criteri di successo sono veri per il contenuto del sito web e valutano l'usabilità della piattaforma.

La versione più recente del WCAG, la versione 2.1 è stata pubblicata il 5 giugno 2018 e contiene tutti i requisiti indicati nelle versioni precedenti. Significa che se il sito web corrisponde a WCAG 2.1, automaticamente corrisponderà anche a tutte le altre versioni di WCAG. Ogni nuova versione aggiunge solo nuove linee guida all'elenco esistente. La versione precedente, WCAG 2.0, è stata accettata come standard ISO ISO / IEK 40500 e WCAG 2.1 come norma europea EN 301549.


Come rendere il tuo sito web WCAG conforme alla Website Accessibility Suite?

Ovviamente, puoi eseguire manualmente tutte le personalizzazioni necessarie manualmente. Dovrai esaminare attentamente il documento WCAG 2.1 e controllare ogni dettaglio qui menzionato. Ci vuole un sacco di tempo e impegno, ma c'è anche un'altra soluzione. TemplateMonster ha recentemente aggiunto un servizio, chiamato Website Accessibility Suite e questa è la cosa che ti aiuterà a rendere il tuo sito web accessibile senza spendere una settimana su un documento WCAG 2.1.

Questo servizio aggiunge un pannello speciale al tuo sito web, dando alcuni controlli aggiuntivi ai visitatori. Gli utenti e i potenziali clienti saranno in grado di personalizzare l'aspetto del tuo sito web in base alle loro esigenze specifiche. Saranno in grado di utilizzare gli strumenti seguenti:

 

  • Miglioramento del contrasto. L'utente ottiene cinque varianti di modalità colore, tra cui quella predefinita, la modalità notturna e tre tipi di sguardi ad alto contrasto.
  • Personalizzazione dei font. Se il visitatore ha bisogno di rendere il testo più grande o più leggibile (ad esempio, scegli Sans-Serif invece di qualche font personalizzato complicato), questo strumento lo aiuterà a farlo.
  • Evidenziatore dei collegamenti. A volte i collegamenti non sono evidenti nemmeno per gli utenti comuni, ma questo strumento consentirà a chiunque di definire le parti cliccabili della pagina senza effettuare delle ricerche.
  • Evidenziatore dell’intestazione. Se la struttura del contenuto non sarà comprensibile per il visitatore, avrà un'opzione per evidenziare l’intestazioni e isottotitoli nel testo.
  • Grande puntatore. Il cursore standard potrebbe essere troppo piccolo per alcune persone e sarebbero felici di renderlo più grande, quindi questo strumento è un modo per dare loro quella possibilità.
  • Lancia di ingrandimento. Lo zoom nella pagina potrebbe essere molto comodo e aiuterà a capire i piccoli dettagli.
  • Disabilitazione dell'animazione. Esistono i tipi di animazione che potrebbero rendere le persone più spesse (e questo non è sempre perché hanno alcune disabilità), quindi sarebbero molto grati della posibilità disattivazione.

 

Come puoi vedere, questo servizio ti aiuterà ad affrontare la maggior parte delle funzioni di accessibilità e renderà l'esperienza dell'utente molto migliore per i visitatori. Se hai deciso di rispettare il documento WCAG 2.1, questo comodo set di strumenti ridurrà il tempo speso per il processo.

Tieni presente che l'offerta TemplateMonster ti aiuterà a rendere il tuo sito web conforme alle nozioni di base di WCAG 2.1. Tuttavia, ogni paese ha le sue leggi, basate sulle WCAG, quindi per favore prendilo in considerazione quando costruisci il tuo sito.


In conclusione

Migliorare l'accessibilità al web ti porterà molti profitti e renderà più facile per le persone con disabilità raggiungerlo. Se vuoi che qualcuno sia il tuo cliente, devi dargli l'opportunità di interagire con il tuo sito. Quindi non perdere tempo, inizia a rispettare le WCAG 2.1, usa Website Accessibility Suite e osserva l'aumento del traffico.

Hai mai prestato attenzione all'accessibilità del tuo sito web? Hai mai fatto qualcosa per migliorarlo? Ora, dopo aver letto questo articolo, cosa ne pensi su WCAG 2.1? Per favore, condividi i tuoi commenti e recensioni nella sezione commenti qui sotto.


***

 Questo articolo è stato tradotto da inglese. L’originale puoi trovare qui: Website Accessibility: What Is That and Why Is It So Essential?