La nostra checklist per l'accessibilità del tuo sito web

Vuoi rendere il tuo sito web o il tuo ecosistema digitale più accessibile e inclusivo?

L'accessibilità dei prodotti digitali è il fondamento su cui poggia il futuro, sia per la reputazione e le perfomance, sia per Legge.

Scopri la nostra checklist di verifiche semplici per darti un' idea della situazione di partenza tuo sito web

Illustrazione che rappresenta alcuni dei punti della checklist di accessibilità: Testo fluido, Focus da tastiera, Alt text per immagini e le impostazioni per facilitare le tecnologie assistive

Per quanto riguarda i siti web, parliamo di 50 criteri per cui andrà dichiarato il livello di conformità secondo i 3 standard previsti della normativa (WCAG 2.0 e 2.1, UNI EN 3015-49-2018).
Se a una prima lettura, questi criteri possono sembrare molti e di difficile comprensione, alcuni di questi sono verificabili anche da persone non esperte, mentre per altri occorrono analisi tecniche effettuate da specialisti.

Per questo per completare l'utile checklist fornita nei webinar AGID, abbiamo preparato una serie di verifiche semplici che possono dare un’ulteriore idea della situazione di partenza del tuo sito sito web.

· Immagini con testo

Pubblicare un immagine che contiene un testo più o meno lungo è sconsigliabile per vari motivi:
I testi non possono essere ingranditi come un testo normale, il ridimensionamento delle immagini provoca sfocature che rendono il testo illeggibile e gli screenreader non riescono a leggerli (leggono il testo alternativo, se presente).

· Outline non visibile

Quando il focus da tastiera è stato implementato, esso viene visualizzato con un contorno che si crea attorno all’elemento su cui si sta navigando. Un errore comune è scegliere un colore inadeguato per questo contorno oppure renderlo invisibile.

· Skip link assente

Lo skip link fornisce un rapido accesso al contenuto principale di una pagina, permettendo all’utente di “saltare” facilmente i contenuti ripetuti a livello globale come la navigazione principale di un sito web, che altrimenti viene riletto in toto ad ogni nuova pagina caricata.

· Unità di misura in pixel

Se in un sito la dimensione di un testo, di una spaziatura o di un layout è stata definita in pixel, il browser da cui viene navigato non potrà applicare le configurazioni impostate dall’utente.

· Contenuti interattivi integrati non accessibili

Si riscontrano spesso gravi problemi di accessibilità negli eventuali servizi terzi integrati in un sito. Per esempio: una mappa interattiva o un widget per effettuare una prenotazione sono a volte implementati o integrati in modo inaccessibile

· Sito inaccessibile senza JS

Alcuni siti vengono implementati con codice Javascript che potrebbe rallentare le prestazioni. È sempre consigliabile verificare che il sito sia navigabile anche disabilitando il Javascript. In questo caso, l’utente vedrà una versione leggera e semplificata del sito.

In Tangible progettiamo ecosistemi digitali e fisici dal 2004. Studiamo e applichiamo l’accessibilità da molti anni.
È un aspetto della progettazione di cui ci prendiamo cura, lavoriamo insieme ai team di sviluppo e con gli specialisti di marketing, SEO e SEM al fine di pubblicare prodotti o servizi digitali senza barriere digitali.

Questa attenzione ci è stata riconosciuta anche dai nostri clienti: nel 2019 Siteimprove ha riconosciuto ad Aeroporto di Bologna il premio per l’accessibilità per il redesign del loro sito web, che abbiamo progettato per loro coordinando il team interno e le 5 aziende di sviluppo e servizio esterne.

Se hai bisogno di supporto per il tuo sito, saremo felici di ascoltarti e di lavorare insieme al tuo progetto, per rendere l’ecosistema digitale più accessibile e inclusivo.