Scrivere in modo accessibile vuol dire scrivere bene. La fruibilità dei contenuti migliora per tutti i tuoi utenti. Ecco alcuni suggerimenti su come scrivere tenendo presente l’accessibilità.

Scrivere in modo semplice

La documentazione è utile purché le persone possano usufruirne. Se i contenuti sono troppo complicati, gli utenti non potranno utilizzarli. Un linguaggio chiaro migliora l’accessibilità.

Tieni presente questi suggerimenti per scrivere in modo semplice e conciso:

  • Usa frasi brevi. Inserisci circa 20-25 parole.
  • Usa parole semplici. Se possibile, usa parole (o combinazioni di parole) con 1-2 sillabe. Ad esempio, usa “per” al posto di “al fine di”.  Usa siti come i seguenti per trovare parole semplici da usare:
  • Usa contrazioni.
  • Utilizza strumenti come Hemmingway Editor per misurare la leggibilità del tuo testo. Per rispettare gli standard delle Linee guida per l’accessibilità dei contenuti Web (WCAG), punta a un livello di leggibilità di terza media e inferiore.

Struttura delle intestazioni

Le intestazioni sono elementi essenziali nella creazione di contenuti accessibili. Consentono agli utenti di screen reader di passare a contenuti specifici, risparmiando tempo.

Utilizza le funzionalità proposte dal sistema di elaborazione testi. Tutti gli strumenti più diffusi, come Microsoft Word, PowerPoint e Open Office, forniscono opzioni di stile e di formattazione per aiutarti a sviluppare l’opportuna struttura nei tuoi documenti. Usa le opzioni di stile e formattazione fornite dal tuo editor di contenuti.

Esempio: Intestazione 1 (<h1>)

I numeri nello stile dell’intestazione creano il contesto strutturale per lo screen reader e aiutano gli utenti con difficoltà visive a comprendere i contenuti, anche quando non possono visualizzare le interruzioni visive nel documento.

Esempio:

<h1>Accessibilità nell’istruzione</h1>

<h2>Accessibilità in Blackboard</h2>

Ulteriori informazioni sulla creazione di contenuti accessibili

Mettere in evidenza i contenuti

Gli screen reader non sono in grado di identificare gli stili del carattere come:

  • Colore
  • Grassetto
  • Corsivo
  • Sottolineato
  • Barrato

Usa questi stili per fornire interruzioni visive. Non utilizzarli come unico modo per indicare l’importanza o comunicare informazioni.

Esempio: il testo rosso ha l’aspetto di un avviso. Gli utenti di screen reader non verranno informati che il testo è rosso, pertanto ignoreranno tale indicazione e non sapranno che si tratta di un avviso.

Se hai bisogno di un forte impatto visivo, assicurati di utilizzare un’alternativa accessibile. Usa un punto esclamativo alla fine della frase se è importante. Gli screen reader sono in grado di dare l’intonazione giusta per il punto esclamativo e di domanda. Questo significa che lo strumento non legge “punto interrogativo”, ma assume il tono interrogativo (ascendente) mentre legge la domanda.

Esempio: ricorda di non utilizzare solo gli stili del carattere per indicare l’importanza!

Immagini

Chiediti innanzitutto qual è lo scopo di un’immagine. Conferire alle pagine interesse visivo? O fornire a un utente vedente un riferimento visivo per ciò che viene dopo? L’immagine deve essere fruita da tutti gli utenti per comprendere il contenuto?

Se il significato o lo scopo dell’immagine non è noto, non utilizzarla. Crea confusione e sarà eccessivo per le persone affette da difficoltà di apprendimento.

Testo alternativo

Se usi un sistema di gestione dell’apprendimento (Learning Management System, LMS) o un sito web per comunicare informazioni, troverai un campo in cui inserire testo alternativo quando carichi un’immagine. Per le immagini decorative, lascia vuoto il campo del testo alternativo. In questo caso, lo screen reader ignorerà l’immagine. Un’immagine è considerata decorativa quando non aggiunge informazioni alla pagina.

Ulteriori informazioni sulle immagini decorative sul sito web dell’iniziativa per rendere il web più accessibile

Esempio: Se è presente un’immagine che mostra gli strumenti di un’interfaccia utente, descrivi di cosa si tratta e come raggiungerli nella pagina. Consulta un esempio della descrizione di un’immagine nella pagina.

Se non vuoi che lo screen reader ignori l’immagine, includi il testo alternativo. Non è necessario dire “immagine di” poiché gli strumenti di tecnologia di assistenza sanno già che si tratta di un’immagine. Utilizza espressioni chiare, concise e descrittive.

Non usare lo stesso testo alternativo per ogni immagine, come “Immagine che illustra il testo associato”. È inutile e genera confusione.

Per immagini complesse, utilizza un testo alternativo breve di 6 o 7 caratteri e includi una didascalia sotto l’immagine visibile a chiunque e che fornisca una chiara descrizione.

Infografiche

Le infografiche richiedono un testo alternativo. Si tratta della narrazione della stessa storia che gli utenti ricavano dagli elementi visivi. Il testo alternativo deve apparire immediatamente dopo l’infografica nella pagina. Inserisci un anchor link nella parte superiore della pagina per visualizzare il testo alternativo.

Visualizza un esempio di infografica con testo alternativo.

Testo nelle immagini

In base alle linee guida WCAG, il testo non deve essere incluso all’interno dell’immagine. Piuttosto, illustra l’immagine nel testo della pagina.

Link

È essenziale che i link siano descrittivi. Ogni link deve descrivere ciò che l’utente può attendersi quando lo seleziona. Ciò è essenziale per lo strumento Elenco collegamenti fornito dagli screen reader. Questo strumento si limita a riportare solo l’elenco dei link in una pagina. Non viene fornito altro contesto per il link.

Esempio: In questa pagina lo strumento Elenco collegamenti si limiterà a leggere solo quanto segue: “Consulta un esempio della descrizione di un’immagine nella pagina”, “esempio di infografica con testo alternativo” e così via. Ogni frase descrive cosa ci si può aspettare quando si seleziona il link.

  • Evita l’uso di frasi generiche come “fai clic qui” o “vedi altro”. Gli strumenti Elenco collegamenti leggeranno il testo del link esattamente nel modo in cui è stato inserito. Quindi, se uno stesso link viene ripetuto più volte, gli utenti dovranno ascoltare ripetutamente “fai clic qui, fai clic qui, fai clic qui” e questo sarà fonte di caos e confusione. È necessario che comprendano dove vengono reindirizzati con il link e perché è necessario che lo selezionino. I link descrittivi forniscono questo contesto.
  • Gli indirizzi web o gli URL non sono considerati informativi e non devono essere utilizzati. Lo screen reader legge ogni lettera individualmente. Piuttosto rendi il testo descrittivo.
  • I link che si aprono in una nuova finestra possono disorientare gli utenti. Riduci quindi il loro utilizzo al minimo. Avvisa gli utenti quando stai utilizzando una nuova finestra.

Elenchi e tabelle

Lascia che gli strumenti di creazione di contenuti svolgano il lavoro per te. Utilizza gli strumenti per gli elenchi puntati e numerati e per le tabelle dell’editor di contenuti. Oppure visualizza l’origine del documento e usa gli opportuni tag HTML.

Elenchi

Elenchi puntati (<ul>) redatti in modo corretto comunicano agli utenti di screen reader quanti elementi sono presenti nell’elenco.

Elenchi numerati (<ol>) creati in modo corretto comunicano agli utenti di screen reader quanti elementi sono presenti nell’elenco e ne legge il relativo numero.

Tabelle

Utilizza gli elenchi al posto delle tabelle quando possibile! È possibile rendere le tabelle accessibili, ma gli utenti dello screen reader devono conoscere comandi avanzati per esplorarle e comprenderle.

Usa le intestazioni colonna (<th>). In questo modo lo screen reader ripete l’intestazione della colonna per ogni cella durante l’esplorazione da parte dell’utente. Questo offre all’utente il contesto per ogni contenuto della cella. Valutare in che modo ogni cella viene letta quando vengono chiamate le colonne e aggiunte informazioni alla cella.

Non usare mai le tabelle per creare il layout visivo dei contenuti.

Un esempio di tabella accessibile

Comandi da tastiera

I contenuti web adottano standard globali per i comandi da tastiera. Ad esempio, premi il tasto Tab per spostare la selezione sul pulsante successivo. Non è necessario descrivere tali comandi. Per un elenco dei comandi globali, consulta questa Guida di riferimento rapido per i comandi da tastiera di JAWS (in lingua inglese).

A volte, gli sviluppatori devono creare comandi da tastiera nuovi per i propri prodotti. Ad esempio, Blackboard Collaborate ha creato comandi da tastiera specifici per attivare e disattivare il microfono. Aggiungi informazioni su questi comandi da tastiera specifici negli argomenti trattati.

Le istruzioni relative al clic e ai comandi da tastiera sono due cose distinte e non devono essere inserite nello stesso paragrafo. Se i comandi del Mac sono diversi dai comandi del PC, usa due frasi nel paragrafo sull’argomento dei comandi da tastiera.

Esempio 1

Per impostazione predefinita, al termine della configurazione il tuo video viene nascosto e l’audio disattivato. Fai clic sulle icone microfono e webcam per partecipare in maniera completa alla riunione.

Sulla tastiera, premi Alt+M per attivare e disattivare il microfono. Premi Alt + C per attivare e disattivare la fotocamera.

Esempio 2

In caso di condivisione di una presentazione, vengono visualizzati i pulsanti di navigazione per passare da una diapositiva all’altra.

Sulla tastiera, premi Alt + PgSu per spostarti alla diapositiva successiva. Premi Alt + PgGiù per tornare indietro. Sul Mac, premi Alt + Fn + Freccia su e Alt + Fn + Freccia giù.

Video

I video devono contenere sottotitoli. Per saperne di più, consulta le informazioni sull’aggiunta di sottotitoli ai video.