Promuovere l’inclusività e garantire l’accessibilità è altrettanto importante nel mondo digitale come è in quello reale. Sebbene la maggior parte delle persone abbia una buona idea generale di ciò che comprende un sito Web accessibile, ci sono molti altri elementi meno noti da tenere in considerazione durante la progettazione del sito per garantire che le informazioni in esso contenute siano accessibili a un pubblico altrettanto ampio e diversificato possibile.
Processo di sviluppo del sito web – foto illustrativa. Credito immagine: Igor Miske tramite Unsplash, licenza gratuita
Semplifica il contenuto
Grandi blocchi di testo sullo schermo possono sembrare scoraggianti, anche per i lettori più interessati. Per evitare ciò, limitati a un’unica intestazione principale per pagina del tuo sito e utilizza i sottotitoli in tutta la pagina per suddividere il contenuto in sezioni digeribili. Gli elenchi puntati possono anche essere utilizzati per rendere il testo più accattivante e accessibile.
Usare un inglese semplice è fondamentale: se una frase può essere ridotta per renderla meno “prolissa”, allora fallo.
Scegli il carattere giusto
Questo elemento del web design è trascurato, eppure gioca un ruolo enorme nell’accessibilità di un sito web. Quando si tratta di font più accessibili potresti non essere a conoscenza dei potenziali problemi che presentano. È fondamentale garantire che non vi siano barriere presenti quando si tratta di persone che accedono alle informazioni sul tuo sito. Mentre i caratteri dall’aspetto più elaborato possono sembrare accattivanti, usarli può significare che quelli con disabilità visiva o disturbo dell’apprendimento, ad esempio, hanno difficoltà a leggerli.
Alcuni dei caratteri più accessibili sono le opzioni sans-serif: Arial, Calibri, Century Gothic, Helvetica, Tahoma e Verdana.
Considera attentamente il contrasto
Alcune persone con problemi di vista potrebbero avere difficoltà a leggere il testo del tuo sito se non segui alcune linee guida relative all’uso del contrasto. Ad esempio, limitare l’uso del rosso e del verde renderà il testo più leggibile per chi è daltonico. È anche una buona idea attenuare leggermente il contrasto tra lo sfondo e il testo, evitando il testo nero puro su uno sfondo bianco puro.
Dove le immagini appaiono sul tuo sito che sono sovrapposte al testo, aggiungi una sovrapposizione scura all’immagine o uno sfondo a tinta unita dietro il testo.
Pensa all’utilizzo di reCAPTCHA v3
Uno strumento comunemente utilizzato oggi sui siti Web è la sfida reCAPTCHA, che richiede ai visitatori di intraprendere una o più interazioni per dimostrare di non essere un “robot”. Questo può essere un ostacolo per alcune persone con disabilità, e questo dovrebbe essere tenuto presente. In alternativa al tradizionale reCAPTCHA, prendi in considerazione l’implementazione dell’ultima versione del software, che non richiede alcuna interazione da parte del visitatore, affidando invece l’onere al proprietario del sito di prendere provvedimenti se il sistema rileva un potenziale problema.
Evita grafica e immagini che distraggono
Sebbene il flashing o lo spostamento di immagini e grafica su un sito possa essere generalmente fastidioso, quelli con ADHD e altri disturbi cognitivi possono trovarli particolarmente impegnativi e possono persino causare convulsioni.
Le linee guida WCAG stabiliscono che il contenuto non dovrebbe lampeggiare più di tre volte in un secondo. Queste linee guida richiedono inoltre che i visitatori siano in grado di nascondere, mettere in pausa o interrompere questi elementi grafici in movimento (a meno che il movimento, lo scorrimento o l’ammiccamento non siano una parte intrinseca ed essenziale dell’attività intrapresa).
Progetta pensando ai lettori di schermo
Circa 4,4 milioni di persone negli Stati Uniti utilizzano attualmente screen reader per accedere ai contenuti online ed è importante progettare il tuo sito Web tenendo conto di questi utenti. Per fare ciò, assicurati di considerare quanto segue:
Struttura HTML in modo efficace
I lettori di schermo utilizzano i tag HTML di un sito per fare i conti con le regioni e il contenuto della pagina. Pertanto, quando si progetta il proprio sito Web, è una buona idea strutturare il codice HTML utilizzando tag semanticamente ricchi.
Indica la lingua utilizzata
Gli screen reader devono conoscere la lingua in cui è stato scritto il sito Web per fornire all’utente la pronuncia corretta. Per dargli queste informazioni, assicurati di indicare la lingua del sito in il tag .
Sfrutta i ruoli ARIA
I ruoli ARIA sono valori utilizzati per indicare la funzione di una regione o di un elemento di pagina per gli screen reader. Distribuiscili sul tuo sito web come punti di riferimento; possono essere inseriti all’interno di qualsiasi tag e
Includi testo alternativo
L’idea del testo alt (alternativo) è fornire agli screen reader un’utile alternativa sottotitolata relativa all’immagine visualizzata. Alt text descrittivo e chiaro deve essere aggiunto a qualsiasi contenuto non testuale del sito, come immagini, video e incorporamenti.
Perché è così importante creare un sito web user-friendly
Ci sono molti passaggi che puoi fare per assicurarti che il tuo sito web sia facile da usare e accessibile in modo che il maggior numero possibile di persone possa usarlo e apprezzarlo. Sebbene molte persone comprendano l’importanza del contrasto e della struttura del sito, ci sono molte altre cose altrettanto importanti da tenere in considerazione, come la tipografia e l’uso dell’HTML per creare una “mappa” del sito.
Usa la guida sopra come elenco di controllo per assicurarti che il tuo sito web sia il più accessibile e inclusivo possibile e assicurati che qualsiasi nuovo contenuto aggiunto sia rigorosamente esaminato per garantire che sia conforme agli standard di accessibilità.
Da un’altra testata giornalistica. news de www.technology.org
