L’accessibilità è un vero punto distintivo per un sito web e lo è altrettanto per un Web Designer che voglia fare la differenza tra i professionisti del suo settore. Rendere un sito web accessibile è sempre più importante ai fini del posizionamento nelle SERP dei motori di ricerca.
Ma soprattutto lo è per le persone, per garantire la facilità della navigazione a tutt*, anche a chi ha difficoltà psico-motorie.
In questo post vediamo insieme cos’è l’accessibilità, quali sono le caratteristiche di un sito web accessibile e come crearne uno.
Cos’è l’accessibilità
L’accessibilità dei siti web è uno degli obiettivi più importanti del World Wide Web Consortium (W3C), il Consorzio degli Standard Web che regolamenta la conformità dei siti web.
Realizzare un sito web accessibile significa consentire la fruizione dei contenuti e l’usabilità di questo strumento di comunicazione a tutte le persone, anche a chi è affetto da problematiche psico-motorie.
Ti basti pensare che, nel caso dei siti di proprietà della Pubblica Amministrazione, l’accessibilità è un requisito obbligatorio regolamentato da diverse leggi.
Quella più importante è la Direttiva UE 2016/2102 del Parlamento Europeo pubblicata il 26 ottobre 2016 dal titolo Accessibilità dei siti web e delle applicazioni mobili degli enti pubblici.
A chi ci riferiamo quando parliamo di accessibilità
Le persone che necessitano di garanzie riguardo l’accessibilità dei contenuti di un sito web sono:
- I non vedenti;
- Gli ipovedenti;
- Chi è affetto da sordità;
- Coloro i quali hanno disabilità motorie;
- Chi ha difficoltà nella comprensione;
- Gli anziani, che durante la navigazione possono dover affrontare qualsiasi tipo di difficoltà.
È a queste persone che devi pensare quando realizzi un sito web per assicurarti che sia accessibile e privo di qualsiasi tipo di barriera alla navigazione e alla fruizione dei contenuti.
Le caratteristiche di un sito web accessibile
Ma come deve essere un sito web per risultare davvero accessibile a tutti? Queste sono le caratteristiche a cui un buon sito internet non può rinunciare e che un Web Designer deve sempre considerare.
Il sito web accessibile è:
- Responsive, quindi adattabile a qualsiasi formato proprio dei dispositivi (PC, smartphone, tablet, ecc.). inoltre, deve essere fruibile su tutti i web browser, i sistemi operativi e le varie tecnologie di utilizzo;
- Fruibile facilmente dalle persone normodotate e diversamente abili;
- Navigabile in maniera immediata e interamente impiegando browser web o tecnologie di assistenza, come gli screen reader, le tastiere braille e i puntatori mouse intelligenti;
- Facilmente comprensibile nei contenuti. Questi devono essere chiari, organizzati in gerarchie di importanza, facilmente comprensibili e lontani da ogni tipo di ambiguità. Inoltre, i contenuti devono essere disposti in luoghi e in modi che siano facilmente trovabili e fruibili;
- Rispondere a tutte le domande delle persone e anticipare ogni dubbio possa sopraffarlo. La navigazione e l’esperienza di fruizione dei contenuti deve essere facile, agevole, comoda e piacevole.
Come realizzare un sito web accessibile
Ci sono diversi accorgimenti che devi utilizzare per realizzare un sito web accessibile.
1. Il colore
Un buon Web Designer usa sempre con saggezza il colore:
- Tra lo sfondo e il testo deve esserci un contrasto elevato, in modo che i contenuti siano ben visibili e facilmente leggibili;
- Gli elementi più importanti devono essere messi ben in evidenza;
- Presta grande attenzione alle combinazioni di colori e ai contrasti: non devono mai creare frizioni né difficoltà nella visualizzazione o nella lettura;
- Attenzione anche alle combinazioni di colori che possono creare problemi di daltonismo.
2. Design e grafica
Gli accorgimenti per realizzare un sito web accessibile sono tanti:
- Il design del sito web deve adattarsi a ogni tipo di dispositivo e browser (Responsive Design);
- Gli elementi grafici superficiali e puramente decorativi devono essere eliminati oppure devono poter essere facilmente ignorati;
- I testi devono poter essere ingranditi con estrema facilità;
- Gli elementi cliccabili (pensa ai link e ai pulsanti di Call To Action) devono essere ben evidenti e immediatamente accessibili;
- Tutte le grafiche, le immagini e i video devono possedere gli attributi tag alt oppure devono essere rinominate in maniera descrittiva. Inoltre, devono essere corredati di sottotitoli e didascalie. In questo modo, infatti, gli screen reader e, in generale, le tecnologie di assistenza saranno in gradi di leggere il contenuto;
- Se hai necessità di utilizzare il Captcha per consolidare la protezione del sito web dallo spam, fa’ in modo che non sia di tipo visuale perché non è leggibile e interpretabile dagli screen reader;
- Se hai previsto delle animazioni, rendi il contenuto funzionante anche se Javascript è disattivato;
- Facilita in tutti i modi possibili ogni tipo di interazione con il sito web.
3. Contenuti e testi
Un sito web è accessibile se i suoi contenuti sono facilmente fruibili e comprensibili da tutti.
Per questo devi:
- Organizzare i contenuti gerarchicamente, ovvero secondo livelli di importanza;
- Rispettare i vari headings, ovvero, titolo, sottotitolo e paragrafo sia graficamente sia da un punto di vista di copywriting. La notizia più importante deve essere scritta nel titolo e deve essere ben evidente, il sottotitolo specifica e il paragrafo approfondisce;
- Per i testi usa font chiari e facilmente leggibili
- Scegli font diversi per titoli, sottotitoli e paragrafo. In tal modo la gerarchia delle informazioni sarà già ben visibile a colpo d’occhio
- Ricorda che sfondo e testo devono essere nel giusto contrasto affinché questo sia ben visibile.
- Assicurati che sia possibile ingrandire i testi fino al 200% mantenendo inalterata la loro leggibilità.
4. CMS e App
Scegli CMS, come WordPress e Joomla, e app che hanno dei sistemi che sostengono lo sviluppo di siti web sostenibili.
WordPress, ad esempio, ha sviluppato diversi plugin che sostengono l’accessibilità, come WP Accessibility e One Click Accessibility.
Joomla ha sviluppato Joomla FAP (For All People), una versione completamente accessibile e dotata di un template predefinito che è gratuito.
L’accessibilità del sito web: le conclusioni
Garantire l’accessibilità dei siti web che sviluppi è fondamentale per fare la differenza come Web Designer professionista.
Le richieste delle aziende sono sempre più consapevoli e anche Google premia i siti che favoriscono l’inclusione e l’accessibilità.
Non farti cogliere impreparato.
Lascia un commento