Cos'è
Uno screen reader è un software usato da persone non vedenti o ipovedenti che legge ad alta voce il contenuto di una pagina, convertendo il testo in parlato. Per farlo correttamente, deve sapere quale pronuncia e voce usare — parole francesi pronunciate con fonetica francese, parole inglesi con fonetica inglese, e così via — e ottiene questa informazione dall'attributo lang impostato sul tag <html> della pagina.
Questo è lo stesso attributo trattato da un'angolazione più tecnica e SEO nella nostra altra guida sull'attributo lang — qui l'attenzione specifica è su cosa succede a chi si affida davvero a uno screen reader quando è mancante o sbagliato.
Perché è importante
Senza un attributo lang impostato correttamente, uno screen reader deve indovinare quale lingua e voce usare, e un'ipotesi sbagliata produce risultati genuinamente strani, a volte incomprensibili — una pagina inglese letta ad alta voce con regole di pronuncia straniere, ad esempio, può trasformare parole familiari in qualcosa che non suona più come un vero discorso. Questo non è un piccolo inconveniente per chi dipende da quella lettura per accedere del tutto al tuo contenuto; può rendere una pagina funzionalmente inutilizzabile.
Questo singolo attributo è una delle correzioni di accessibilità più efficaci e a minor sforzo disponibili, proprio per il divario tra quanto piccola sia la correzione (una parola, in un tag) e quanto completamente possa rompere l'esperienza per un utente di screen reader quando è sbagliata.
Come risolverlo
- Conferma che il tag
<html>includa un attributolangcorrispondente alla lingua reale della pagina, es.<html lang="it">. - Per un sito con contenuti in più lingue, assicurati che l'attributo lang di ogni pagina specifica corrisponda alla lingua propria di quella pagina, non a un unico valore predefinito per tutto il sito.
- Se una sezione specifica all'interno di una pagina cambia lingua (una frase citata in un'altra lingua, per esempio), quella sezione può avere anche il proprio attributo
lang, anche se quello a livello di pagina è il più importante da sistemare per primo. - La maggior parte dei website builder imposta questo automaticamente in base all'impostazione generale della lingua del tuo sito — controlla quell'impostazione invece di modificare il codice direttamente se sei su una di queste piattaforme.
- Se possibile, testa davvero la pagina con uno screen reader gratuito (come NVDA su Windows, o VoiceOver integrato in macOS/iOS) per sentire come viene letta ad alta voce.