I quattro principi WCAG
Le WCAG (Web Content Accessibility Guidelines) si basano su quattro principi: percettibilità, operabilità, comprensibilità e robustezza. Questi principi sono validi indipendentemente dalla lingua dei contenuti. La percettibilità significa che tutte le informazioni devono poter essere percepite anche da utenti con disabilità visive o uditive. L'operabilità garantisce che tutte le funzioni siano utilizzabili tramite tastiera e senza limiti di tempo. La comprensibilità richiede un linguaggio chiaro e una navigazione coerente. La robustezza assicura la compatibilità con le tecnologie assistive. Per i siti web internazionali, questi principi devono essere implementati in ogni versione linguistica allo stesso modo.
Marcatura della lingua con l'attributo lang
L'attributo lang nell'elemento HTML indica la lingua naturale di una pagina o di una sezione. I lettori di schermo utilizzano questo attributo per scegliere la pronuncia e l'intonazione corrette. Per pagine multilingue, l'attributo lang deve essere impostato correttamente sulla pagina principale e in caso di cambi di lingua nel testo. Ad esempio: <html lang="de"> per il tedesco e <span lang="en"> per passaggi in inglese. Se questo attributo manca, l'uso della pagina può essere notevolmente ostacolato per le persone con disabilità visive. Verificate quindi che ogni variante linguistica abbia un'attribuzione completa e corretta.
Contrasti e colori
Contrasti sufficienti tra testo e sfondo sono essenziali per la leggibilità. Le linee guida WCAG di livello AA richiedono un rapporto di contrasto di almeno 4,5:1 per testo normale e 3:1 per testo grande. Questo vale per tutte le lingue di un sito web. Evitate di utilizzare solo differenze di colore per veicolare informazioni, poiché gli utenti daltonici non possono percepirle. Utilizzate invece simboli o marcature testuali. Inoltre, gli schemi di colore dovrebbero essere verificati in tutte le versioni locali, poiché le associazioni culturali possono variare. Testate le vostre pagine con strumenti di analisi del contrasto durante lo sviluppo.
Navigazione da tastiera
Tutti gli elementi interattivi devono essere raggiungibili e utilizzabili tramite tastiera. Questo include link, pulsanti, campi modulo e menu. Il focus deve essere visibile, idealmente con un bordo di focus chiaro. Evitate elementi che funzionano solo con mouse o tocco. Soprattutto per siti internazionali con navigazioni complesse, la navigazione da tastiera dovrebbe essere testata in ogni versione linguistica. I contenuti dinamici come finestre modali devono gestire correttamente il focus. Assicuratevi che l'ordine degli elementi nel DOM corrisponda all'ordine logico e non sia determinato solo dal CSS.
Testi alternativi in contesti multilingue
I testi alternativi descrivono le immagini per i lettori di schermo e dovrebbero essere redatti nella lingua della pagina circostante. Per siti web multilingue, ciò significa che ogni immagine riceve un testo alternativo nella rispettiva versione linguistica. Non utilizzate traduzioni automatiche, ma create descrizioni appropriate per ogni pubblico target. Le immagini contenenti testo devono riprodurre il testo stesso come testo alternativo. Le immagini decorative ricevono un testo alternativo vuoto (alt="") in modo che vengano ignorate dalle tecnologie assistive. Questo approccio garantisce che il contenuto rimanga accessibile in tutte le lingue.
