Accessibilità web: cos’è e perché è importante

L'accessibilità web è una tematica attuale e da non sottovalutare durante lo sviluppo di un sito. Sta diventando sempre più importante grazie all'implementazione di nuove tecnologie e all'attuazione di normative che permettono alle persone con disabilità di beneficiare delle stesse opportunità di qualsiasi altro utente.

Tuttavia, durante lo sviluppo di un sito internet, molto spesso non vengono adottate le misure che garantiscono a tutti gli utenti una maggiore facilità di navigazione. Questo potrebbe diventare un vero e proprio problema in futuro, perché entro il 2025 ogni sito web dovrà essere accessibile a tutti.

Per questo motivo, è necessario fin da ora comprendere meglio cos'è l'accessibilità web e perché è importante.

Vediamolo nel dettaglio!

Secondo la Legge Stanca (2004) "per accessibilità si intende la capacità dei sistemi informatici, ivi inclusi i siti web e le applicazioni mobili, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilità necessitano di tecnologie assistive o configurazioni particolari”.

Inoltre, l'accesso alle tecnologie dell'informazione e delle comunicazioni viene riconosciuto dalla Convenzione delle Nazioni Unite sui diritti delle persone con disabilità come un diritto umano fondamentale.

Spesso si pensa che l'accessibilità del web sia legata solo alle persone con disabilità. In realtà, riguarda tutti: l'accessibilità in un sito web non limita le informazioni ma le rende fruibili a tutti gli utenti, anche a coloro che si trovano in situazioni di limitazioni fisiche, tecnologiche o ambientali. L'accessibilità, infatti, avvantaggia le persone anziane o con una disabilità temporanea e le persone che vivono in zone rurali o in via di sviluppo.

L'accessibilità web è importante per le aziende che decidono di rendere fruibile i propri contenuti perché:

Infatti, milioni di utenti in tutto il mondo hanno particolari esigenze o disabilità che possono rendere difficile o impossibile la navigazione dei siti web o l’utilizzo delle piattaforme online.

Secondo l'Organizzazione Mondiale della Sanità, oltre un miliardo di persone, circa il 15% della popolazione mondiale, ha una qualche forma di disabilità.

Per questo motivo, se si vuole sviluppare un sito web accessibile è necessario avere una piena conoscenza degli strumenti utilizzati a seconda della disabilità.

Di seguito sono elencate le principali disabilità e gli strumenti che vengono utilizzati durante la navigazione sul web.

In questa categoria vengono incluse persone non vedenti o con un deficit visivo ridotto come ipovedenti o daltonici. Molte di queste utilizzano dei particolari strumenti utilizzati in base alla disabilità, come ingranditori di schermo per la visualizzazione dello schermo o il lettore di schermo per la riproduzione vocale. I programmi possono essere a pagamento, freeware oppure vengono integrati nel sistema operativo come VoiceOver (Mac OS X e iOS), Narrator (Microsoft Windows), ChromeVox (Chrome OS), e TalkBack (Android).

Si tratta di persone che presentano difficoltà nel movimento a causa di problemi fisici, come la mancanza di un arto, oppure disturbi, anche temporanei, che rendono impossibile l'utilizzo di un mouse.

Per gestire questo tipo di limitazioni è necessario avere un sito accessibile tramite tastiera: utilizzando il tasto TAB è possibile muoversi da un punto all'altro tramite sequenza di intestazioni, link o altro.

L’accessibilità web è nota ormai da tanto tempo. Ricordiamo il Trattato di Marrakech, che si occupa di “facilitare l'accesso ai testi pubblicati alle persone cieche, con incapacità visive o altre difficoltà ad accedere al testo stampato”.

Questo trattato internazionale è stato sottoscritto il 28 giugno 2013 e ha introdotto il principio di accessibilità dei testi e libri alle persone con disabilità. Anche l’Europa vi ha aderito, durante l’Assemblee WIPO del 2018 a Ginevra. Tra i vari principi espressi, c’è la possibilità che qualsiasi ente può rendere un contenuto accessibile (solo se non esiste già una versione) senza chiedere autorizzazione all'editore.

Successivamente, l’anno più importante per l’Europa in termini di accessibilità è stato il 2019. Il 7 giugno è stata infatti pubblicata l’European Accessibility Act: la legge europea mira a migliorare il funzionamento del mercato interno per i servizi e prodotti accessibili. In sostanza, un gran numero di prodotti e servizi dovrà essere di default accessibili nei prossimi anni.

Ciò faciliterà il lavoro delle imprese e porterà anche dei vantaggi alle persone anziane e con disabilità in tutta l’Unione Europea. Esse beneficeranno di:

Le aziende, invece, avranno i seguenti benefici:

In particolare, prodotti e servizi accessibili di cui si fa riferimento dovranno comprendere:

Il principio che ne deriva è quello di design for all, quindi born accessibile: fin dall'inizio del progetto devono essere definiti ed applicati gli elementi che rendono un sito internet accessibile.

Dal punto di vista del web questo significa che la creazione di un sito Internet deve essere pensata per tutti sin dal principio.

In Italia la legge verrà adottata nel 2022 ed entro il 2025 ogni azienda deve applicarla rendendosi responsabile in materia di accessibilità.

Chi e cosa è esente dalla legge?

Per semplificare il lavoro e sviluppare al meglio un sito web accessibile per tutti è necessario seguire le linee guida sull'accessibilità (WCAG), pubblicate da W3C.

Lo scopo è quello di fornire uno standard condiviso e si basa sui seguenti principi fondamentali:

Oltre a seguire le linee guida indicate, il primo passo per l’accessibilità web è comprendere davvero come le persone con disabilità navigano sul web. Solo così ci si potrà accorgere delle problematiche all’interno.

Qui di seguito riportiamo alcuni suggerimenti che permettono di migliorare la tua presenza online.

Molte tecnologie apposite si basano sulla navigazione solo tramite tastiera. Quindi è necessario che tutte le pagine, i collegamenti e i contenuti siano navigabili tramite tasto Tab.

Come fare?

È facile: basta provare a navigare sul sito senza mouse per scoprire se si può accedere a determinati elementi o se la navigazione risulta difficile.

Bisogna anche assicurarsi che tutti i contenuti della pagina siano effettivamente accessibili. Soprattutto se si tratta di contenuti dinamici.

Questo infatti può diventare un problema per molti screen reader che riescono a leggere solo il primo caricamento del sito web, e non le successive variazioni.

Come risolvere la situazione?

Un modo arginare il problema è quello di inserire "l’attributo aria" per definire i contenuti dinamici. In questo modo anche gli screen reader e i dispositivi simili riusciranno a riconoscere e comprendere il contenuto mentre cambia.

Inoltre, questo attributo è molto importante perché permette di rendere la navigazione molto più facile agli utenti: ad esempio saranno in grado di saltare le voci del menu e arrivare direttamente alla sezione interessata.

Quando viene inserita un'immagine all'interno del sito appaiono le seguenti sezioni: testo alternativo e didascalia.

Il testo alternativo è molto importante: viene letto quando non si carica l'immagine.

Inoltre, i visitatori che utilizzano gli screen reader visualizzano "l’alt tag". Pertanto, in questo campo dovrai descrivere cosa contiene l’immagine per garantire la visibilità a tutti gli utenti.

Ma non solo…

L’attributo "alt" aiuta anche a livello SEO: all’interno del testo è possibile inserire la parola chiave pertinente con la pagina per farti trovare più facilmente dai tuoi utenti. Difatti, l'accessibilità web va a pari passo con le strategie SEO che permettono di ottimizzare e posizionare il tuo sito sulle prime pagine dei risultati di ricerca.

Un altro modo per facilitare la lettura degli utenti è quello di inserire l'attributo "title" sul tag "a" del link. In questo modo si darò un titolo al collegamento ipertestuale e l'utente potrà sapere di più sulla pagina di destinazione.

Strutturare il contenuto significa avere diversi vantaggi anche a livello SEO, oltre che in materia di accessibilità. I crawler di Google operano attraverso la semantica e scansionano i siti come una persona ipovedente.

Difatti, le intestazioni aiutano gli screen reader a interpretare le tue pagine e ciò semplifica la navigazione on-page.

Il trucco è utilizzare solo un H1 per pagina - in genere il Titolo- e i sottotitoli in ordine gerarchico: H2, H3…e così via, fino ad H6. Ciò significa che in seguito ad un H1 non è possibile mettere un H4.

Per ottimizzare anche a livello SEO sarà necessario inserire nell’H1 anche la parola chiave pertinente.

Per chi ha un deficit visivo e soprattutto per chi presenta di disturbi specifici dell'apprendimento, un testo leggibile consente di evitare disagi durante la lettura del testo.

Sarà pertanto necessario aumentare l'interlinea e gli spazi tra le parole, mantenere dei margini più alti, utilizzare un testo a sinistra, un carattere non graziato e con buon contrasto di colori.

Per migliorare l’esperienza del tuo utente il miglior modo è quello di utilizzare dei colori che non compromettono la leggibilità del testo.

Infatti, è necessario assicurarsi che lo sfondo e il testo siano distinguibili. In poche parole, il testo deve essere ben visibile sullo sfondo.

Ti consigliamo di utilizzare Contrast Analyser, uno strumento che ti consente di controllare il contrasto e verificare se sono presenti problemi con la visualizzazione del testo.

I moduli sono un'utile aggiunta alla maggior parte dei siti ma devono essere progettati con molta cura.

Infatti, devono essere chiari e intuitivi, organizzati in modo logico per essere identificati dagli utenti attraverso gli screen reader utilizzando l'attributo "tabindex". È necessario anche associare delle etichette esplicative ai relativi input con il tag "label".

Inoltre, consigliamo di evitare i "frame", poiché creano dei disagi durante l'individuazione del focus: potrebbero disorientare e far perdere la percezione esatta di quale finestra è attiva in un determinato momento.

Gli screen reader non sono in grado di distinguere tra una tabella che contiene dati e una utilizzata per scopi di layout.

Per realizzare delle tabelle accessibili si utilizza il "markup HTML", che riesce a determinare le celle di intestazione e le celle dei dati. Da questo linguaggio dipende la presentazione e dell’organizzazione dei documenti web in elementi come header, footer, liste, paragrafi.

Esistono vari modi per verificare l'accessibilità:

Gli strumenti e risorse da utilizzare per controllare gratuitamente l'accessibilità del sito web sono molteplici. Segnaliamo pertanto:

Questi sono alcuni degli strumenti che possono aiutarti ad individuare le criticità che affrontano gli utenti all'interno del tuo sito.

Infatti, avere un sito web accessibile significa dare il benvenuto a più persone possibili e oltre a migliorare l’esperienza di tutti i tuoi utenti vedrai aumentare il traffico e le conversioni.

Lavoriamo a distanza senza problemi, ma è sempre bello conoscersi di persona. Puoi raggiungere il nostro ufficio con i principali mezzi pubblici, in auto o a piedi se ti trovi vicino al centro. Abbiamo sempre caffè, caramelle e un buon whiskey.