Il tuo sito web è accessibile?

Sempre più aziende stanno passando all'online, il che è fantastico, ma non se un'intera parte della popolazione non può utilizzare il sito web. I problemi di accessibilità sono comuni in molti siti, causando molti problemi che possono essere risolti in modo relativamente semplice - non significa che hai bisogno di un sito web completamente nuovo!

Sulla base del rapporto dell'OMS 2011 sulla disabilità, più di 1 miliardo di persone nel mondo ha una qualche forma di disabilità. Ciò corrisponde a circa il 15% della popolazione mondiale. Questo numero aumenterà solo con l'invecchiamento della popolazione e le persone anziane hanno un rischio/proporzione di disabilità più elevato.

Nel 2018, il governo del Regno Unito ha stabilito che il governo centrale, le organizzazioni governative locali, alcuni enti di beneficenza e altri siti web di organizzazioni non governative soddisfino le linee guida WCAG2.1.

Poi, nel 2019, è stata istituita la legge europea sull'accessibilità. Già nel 1990 l'American Disabilities Act copriva questioni che ora vengono affrontate nei siti web. In alcune situazioni, le aziende vengono portate in tribunale e perdono, ad esempio il caso Domino's Pizza.

Le persone non esiterebbero ad assicurarsi che un luogo fosse fisicamente accessibile, quindi perché è diverso rendere accessibile il tuo sito web? Non è mai stato più cruciale di adesso poiché sempre più aziende si stanno rivolgendo prevalentemente online.

Scopo

Il nostro obiettivo è creare siti Web inclusivi perché l'accessibilità è un diritto umano.

Non solo il sito sarà più facile da usare per tutti, ma porteremo potenzialmente più contatti al cliente. Click away pound ha dichiarato: "La mancata fornitura di siti Web di consumatori accessibili è costata ai rivenditori britannici 11,75 miliardi di sterline nel 2016".

Problemi

Il problema principale riguarda il modo in cui pensiamo all'inclusione o persino alle disabilità stesse. Sono un grande fan di Adrian Roselli e del suo modo di avvicinarsi a questo attraverso il metodo dell'accessibilità egoistica. Ecco un video di Adrian da una recente conferenza, consiglio vivamente di vederlo per una prospettiva diversa sulle disabilità e sui problemi comuni che le persone possono affrontare.

In sostanza, mette in relazione i problemi comuni di accessibilità dei siti Web alle situazioni quotidiane che tutti sperimentano, non solo le persone con disabilità. Ad esempio i problemi di contrasto, spiega semplicemente che questo è un problema anche se la persona utilizza un laptop al sole o in un'area molto illuminata. Quindi possiamo vedere che è nel nostro interesse assicurarci che il nostro sito sia accessibile anche per la popolazione più ampia.

Come puoi vedere dal suo video e dalle statistiche, le persone con problemi di accessibilità sono molto più comuni di quanto tu possa pensare.

Problemi comuni di accessibilità

Quindi abbiamo deciso che rendere inclusivi i nostri siti è un vantaggio per tutti (spero!). La prima cosa che viene in mente alle persone quando si affronta l'accessibilità è che abbiamo bisogno di incorporare caratteristiche o funzionalità aggiuntive che saranno costose e tempestive da implementare, o che limiteranno i progetti.

In realtà non è così e molti di loro possono essere risolti molto semplicemente con un po' di pensiero, pianificando e usando il metodo di accessibilità egoistico di Adrian Roselli.

Colori e contrasto

Circa l'8% (1 su 10) di TUTTI gli uomini nel mondo sono daltonici, quindi selezioniamo una tavolozza di colori che soddisfi questi requisiti.
Se il sito web del cliente utilizza colori che non sono accessibili, chiedi loro se sono felici di perdere potenzialmente l'8% dei loro contatti. Sono sicuro che potrebbero ripensare ai colori se glielo dici.

Durante la selezione di questi colori, assicurati anche di utilizzare un buon rapporto di contrasto tra loro, non vuoi che i tuoi collegamenti vengano nascosti se si trovano su uno sfondo a basso contrasto (laptop al sole...). Questo è un lavoro di 5 minuti che utilizza qualcosa come lo strumento di controllo del contrasto online o se vuoi essere specifico per i tuoi collegamenti, usa lo strumento di controllo dei collegamenti.

Dimensione e scelta del carattere

Il tuo sito web contiene informazioni che vuoi che le persone capiscano? Sospetterei di sì. Quindi assicuriamoci che uno degli ingredienti più importanti del tuo sito sia digeribile per gli occhi prima che premano il pulsante Indietro.

Quasi 1 persona su 10 che visualizzerà il tuo sito avrà qualche tipo di problema con i propri occhi (escluso il daltonismo). A 40 anni, solo la metà della luce arriva alla retina come a 20 anni. Per le persone con più di 60 anni, questa percentuale scende al 20%.

La dimensione predefinita del carattere del corpo del browser è di solito 16px o 1rem, questa è anche la dimensione del carattere "minima" consigliata, ma ammettiamolo, è semplicemente troppo piccola! L'argomento più comune qui è che "Le persone possono semplicemente ingrandire se vogliono che il testo sia più grande". Il problema è che la maggior parte delle persone colpite da questo problema probabilmente non sanno come eseguire lo zoom, quindi non dovremmo presumere che questa sia un'opzione per loro.

Non esiste una dimensione o un carattere "migliore", ma consiglierei una dimensione del carattere del corpo più vicina a 18 px o 1.125 rem, con un'altezza di linea decentemente distanziata, un carattere idoneo e il minimo indispensabile di librerie di caratteri incluse. Webaim ha un buon articolo sui caratteri e afferma "Ogni volta che incontri un nuovo carattere tipografico, carattere o variazione di carattere, la tua mente deve costruire una mappa o un modello dei caratteri e dei modelli per analizzare più rapidamente le parole ed elaborare il significato. Ciò richiede sforzo cognitivo e tempo. Se il carattere è già familiare, questo sovraccarico è ridotto".

Gill Andrews ha un post più completo sugli errori tipografici che vale la pena leggere se si ha a che fare con molta tipografia.

immagini

Non c'è molto da menzionare qui, ma per assicurarti di avere un tag alt sulla tua immagine. La maggior parte dei CMS ora ha la possibilità di aggiungere un tag alt dell'immagine quando lo carichi. Assicurati di descrivere effettivamente l'immagine se è importante. Questo articolo di hubspot ha una buona recensione sull'utilizzo di tag alt buoni e cattivi.

Se un'immagine non è importante ed è puramente decorativa, come un motivo di sfondo, lascia vuoti i tag. Assicurati solo che sia effettivamente vuoto nel markup in questo modo: alt = "" o verrà contrassegnato come mancante di un tag alt.

Una cosa importante da ricordare è che non dovresti usare immagini per testi importanti (come i titoli) poiché saranno illeggibili per gli screen reader e Google. Fai attenzione anche a posizionare il testo sulle immagini poiché può diventare illeggibile a causa dello sfondo.

Struttura

Una cosa che normalmente viene trascurata anche se hai seguito le basi sopra, è l'effettiva struttura semantica della pagina. Molte persone vengono catturate dalle dimensioni di un carattere o di un'intestazione e le utilizzano per scopi di stile piuttosto che definire la gerarchia delle informazioni delle pagine.

Ciò non solo influenzerà il modo in cui i tuoi contenuti vengono interpretati da Google, ma le persone che utilizzano gli screen reader utilizzeranno il tuo markup strutturale come navigazione. Yoast ha un ottimo articolo sui titoli che dovresti dedicare un po' di tempo a leggere. Alcuni semplici consigli sarebbero di avere un elemento <h1> sulla tua pagina e poi <h2> per le tue prossime sezioni importanti. Se hai un figlio di una sottosezione, usa un <h3> e così via:

<h1>Di solito il titolo della tua pagina</h1>

<p>Alcuni paragrafi di testo qui</p>

<h2>La prossima sezione importante della tua pagina</h2>

<p>Alcuni paragrafi di testo qui</p>

<h3>Qualcosa di non così importante ma relativo a h2 sopra</h3>

<p>Alcuni paragrafi di testo qui</p>

<h2>La prossima sezione importante della tua pagina</h2>

Arrotondare

Spero che tu possa vedere che seguendo queste semplici regole sopra, renderai il tuo sito accessibile e un'esperienza più piacevole per tutti coloro che lo visitano. Non solo questo, ma stai anche migliorando la tua posizione con Google, quindi è una vittoria per tutti.

Se non sei sicuro che il tuo sito rientri in questi standard o desideri semplicemente aiuto per migliorare l'accessibilità del tuo sito, contattaci.