In questo video, Jaci del team WebFX Interactive spiega come iniziare con il web design accessibile.

Trascrizione:

Come ti sentiresti se fossi davvero entusiasta di dare un'occhiata a un sito Web, ma quando vai su quel sito Web, non puoi accedere a nessuno dei suoi contenuti? Personalmente mi sentirei frustrato e immagino che lo faresti anche tu.

Se non usi il web design accessibile, questo è lo scenario che crei per un adulto su quattro che vive con una disabilità negli Stati Uniti. Sono circa 61 milioni le persone che non hanno uguale accesso al tuo sito web.

Seguire le linee guida sull'accessibilità del web design non è facile se non l'hai mai fatto prima, ma illustrerò alcune cose che puoi fare per iniziare .

Utilizza i timestamp nella descrizione del video se desideri saltare a diverse sezioni di questo video. In questo momento, mi tufferò in una panoramica dell'accessibilità del sito web.

Che cos'è l'accessibilità del sito web?

L'accessibilità del sito Web significa che il tuo sito Web è progettato in modo che le persone con disabilità possano utilizzarlo. L'obiettivo del design accessibile è rimuovere le barriere tecnologiche in modo che chiunque possa interagire con i tuoi contenuti.

Secondo il World Wide Web Consortium, noto anche come W3C, un sito Web accessibile funziona per persone con disabilità uditive, cognitive, neurologiche, fisiche, del linguaggio e visive.

Non preoccuparti se non sai da dove cominciare. Il W3C ha la documentazione che ti dice cosa dovrebbe includere il tuo sito web per soddisfare i loro standard.

Questa documentazione include:

• Linee guida per l'accessibilità degli strumenti di creazione (ATAG)
• Linee guida per l'accessibilità dei contenuti Web (WCAG)
• Linee guida per l'accessibilità dell'agente utente (UAAG)

ATAG si concentra sugli strumenti che le persone usano per creare contenuti Internet e UAAG esamina l'accessibilità degli strumenti che rendono i contenuti Web.

In questo video mi concentrerò sulle WCAG , che sono le linee guida per rendere i contenuti del sito web accessibili a tutti.

Con WCAG, hai tre diversi livelli di conformità: A, AA e AAA. Passando da A a AA a AAA, segui più standard stabiliti dalle WCAG e rendi il tuo sito accessibile a un numero maggiore di persone.

Quindi, come fai a sapere se hai un sito web accessibile? Fai un controllo!

Come controllare l'accessibilità del tuo sito web

Non devi fare un audit da solo. Se preferisci esternalizzare il tuo audit, contatta un team di consulenti che possono analizzare il tuo sito Web e apportare le modifiche necessarie per te.

Ora, se preferisci gestire le cose internamente, hai molte opzioni. Puoi sfogliare manualmente le pagine del tuo sito Web alla ricerca di problemi, ma probabilmente questo richiederà molto tempo.

Potresti voler utilizzare alcuni strumenti per aiutarti. Inserisci il tuo URL in un controllo di accessibilità come WAVE per vedere cosa devi aggiornare su una pagina. Puoi anche utilizzare un controllo di accessibilità in blocco per analizzare più pagine contemporaneamente.

Il sito Web del W3C ha un vasto elenco di strumenti di accessibilità , quindi non devi fare tutto da solo.

Abbiamo anche un elenco di cinque elementi importanti per la tua accessibilità e alcuni esempi di design accessibile, di cui parlerò in seguito, quindi resta con me.

5 linee guida per l'accessibilità del web design

Ricorda solo che questi sono brevi riassunti delle linee guida WCAG. Ti incoraggio a utilizzare la guida di riferimento rapido del W3C per apprendere tecniche più approfondite per la progettazione accessibile.

1. Assicurati che il testo sia leggibile

Qualsiasi testo di dimensioni normali che comunichi informazioni importanti deve essere di facile lettura.

Il contrasto gioca un ruolo importante in questo. Allo stato attuale, il testo di grandi dimensioni (come le intestazioni principali) necessita di un rapporto di contrasto tra testo e sfondo di 3:1. Il testo normale (o più piccolo), come il testo che costituisce il corpo del tuo contenuto, necessita di un rapporto di contrasto di 4,5:1.

Un esempio di contrasto troppo ridotto è simile al testo verde chiaro su uno sfondo verde leggermente più scuro. Cambia il testo in nero o bianco e avrai molto più contrasto sul tuo sito web.

Gli utenti dovrebbero anche essere in grado di ingrandire il testo in un modo che non influisca sulla funzionalità del tuo sito o faccia perdere loro il contenuto.

2. Ottimizza le immagini da vedere e leggere

L'aggiunta di testo alternativo alle immagini non è solo una pratica SEO comune. Aiuta le persone che non possono vedere le immagini a capire cosa contengono.

Il testo alternativo è un po' di testo che spiega chiaramente cosa sta succedendo in un'immagine. Il testo alternativo si adatta perfettamente ai codici di incorporamento delle tue immagini. Come puoi vedere in questo esempio di Mashable, la pagina contiene immagini e quando passi al lato codice delle cose, vedi il testo alternativo.

3. Offri al tuo pubblico ulteriori modi per comprendere i video

Se non hai mai aggiunto didascalie ai tuoi video prima, ora è il momento di iniziare. E non fare affidamento solo su quelli generati automaticamente da YouTube o da un altro provider di hosting.

Se hai tempo e pazienza, dai un'occhiata ai sottotitoli generati automaticamente e apporta le modifiche. Non saranno perfetti provenendo da un'IA.

Puoi anche ordinare i sottotitoli utilizzando uno strumento come Rev e poi aggiungerli al tuo video.

Includere le trascrizioni con i tuoi video li rende più accessibili. Se hai scritto un copione, hai già preparato una trascrizione!

Le descrizioni audio aggiungono un altro livello di accessibilità. Queste sono tracce audio separate che descrivono cosa sta succedendo nel tuo video tra gli intervalli di dialogo.

Quindi, se hai due persone che parlano del loro recente viaggio di shopping, e poi il video si interrompe su alcune riprese di una persona che prova dei vestiti, la descrizione audio spiegherebbe cosa sta succedendo nel video. Potrebbe essere qualcosa del genere: una donna è in piedi davanti a uno specchio e si copre le spalle con due sciarpe.

Una piattaforma di hosting come Wistia ti consente di caricare descrizioni audio (e ha persino un elenco di controllo per l'accessibilità dei video quando carichi i tuoi video).

4. Progetta il tuo sito web in modo che sia compatibile con mouse e tastiera

Non tutti usano un mouse per navigare in Internet. Il tuo sito web dovrebbe rifletterlo.

Ciò non solo significa che devi assicurarti che qualcuno possa interagire con il tuo sito Web tramite una tastiera, ma richiede anche che tu abbia modi evidenti per evidenziare quale parte del tuo sito Web è a fuoco.

Guardando un altro degli esempi di design accessibili, vedi che quando faccio clic sulla barra di ricerca sul sito Web di Keds, la classica linea lampeggiante appare per farmi sapere che posso digitare. La barra di ricerca diventa anche più prominente quando si fa clic.

Per soddisfare le linee guida WCAG, questa funzionalità dovrebbe verificarsi quando viene utilizzata una tastiera.

5. Rendi la navigazione del tuo sito facile da capire

Questo suggerimento va oltre l'accessibilità. In genere è solo una buona cosa rendere la navigazione nel tuo sito web semplice e chiara.

Scrivi titoli e intestazioni di pagina che abbiano uno scopo chiaro. Usa il testo di ancoraggio del link che rende facile capire cosa c'è nel contenuto a cui ti stai collegando.

Ancora una volta, usa gli indicatori di messa a fuoco in modo che le persone sappiano dove si trovano su una pagina. Offri più di un modo per accedere a una pagina Web, ad esempio tramite una mappa del sito, una navigazione principale o un sommario.

E come posso saltare questo? Avere una navigazione coerente. Ciò significa che se hai un'intestazione di navigazione principale, in realtà non dovrebbe cambiare quando un utente salta da una pagina all'altra.

In questo esempio con il sito Web di At Home, anche se sto facendo clic da una pagina all'altra, la navigazione nella parte superiore della pagina non cambia.

E come ho detto prima, questo non è sicuramente un elenco completo di ciò che è necessario fare per seguire le linee guida sull'accessibilità del web design. Anche queste linee guida possono cambiare, quindi fai le tue ricerche quando sei pronto per valutare la tua accessibilità .

Per continuare a conoscere diversi argomenti di web design e marketing digitale, iscriviti al nostro canale YouTube e alla nostra newsletter via email, Revenue Weekly . Non rimarrai deluso.

Grazie per esserti unito a me!

Unisciti ai 5.000 esperti di marketing che ottengono le loro conoscenze di marketing dai video WebFX.

Iscriviti ora