Norme di accessibilità

Affiancano le norme redazionali e valgono per il contenuto di un pezzo. Chi legge con un lettore di schermo ascolta la pagina, salta da un titoletto all’altro e scorre l’elenco dei link fuori dal contesto: quasi tutte le regole vengono da qui. Il riferimento è WCAG 2.1 livello AA.

Accanto a ogni regola, in corsivo, cosa ne fa chi rivede il pezzo: revisione (si corregge e lo si dice all’autore), commento (si segnala, decide chi scrive), controllo (lo segnala già il controllo automatico della pagina).

Link

1. Il testo del link dice dove porta. Mai «qui», «clicca qui», «questo link», «leggi», né l’indirizzo nudo: nell’elenco dei link il lettore di schermo legge solo quelle parole. Per un articolo del sito si usa il titolo, fra virgolette basse; per uno studio, chi l’ha fatto o cosa ha trovato («l’analisi di 30.000 genomi»). Revisione, sempre dichiarata all’autore, perché cambia parole sue. Controllo.
2. Due link con lo stesso testo portano allo stesso posto. «Ne abbiamo scritto qui e qui» viola anche questa. Revisione, dichiarata.
3. Un allegato dice cos’è: «il rapporto (PDF, 2 MB)». Chi apre un PDF senza saperlo si ritrova in un’altra applicazione. Revisione.

Titoletti e struttura

4. I titoletti sono veri titoletti, di secondo livello per le sezioni e di terzo dentro una sezione, senza saltare livelli. Il primo livello è solo il titolo del pezzo. Revisione. Controllo.
5. Un titoletto non si fa col grassetto, e il grassetto non si fa con un titoletto: chi naviga per titoli salterebbe da una frase evidenziata all’altra. Eccezione della casa: nelle interviste le domande sono paragrafi in grassetto (bot-redazione.md, «Come si scrive»). Revisione.
6. Gli elenchi sono elenchi veri, non righe che cominciano con un trattino battuto a mano: il lettore di schermo annuncia «elenco, 5 voci» solo se lo sono. Revisione.

Testo

7. Il significato non sta solo nel colore, nella posizione o nella forma. «Le barre rosse», «il riquadro a destra», «come si vede sotto» non dicono niente a chi ascolta e poco a chi legge dal telefono, dove destra e sotto cambiano. Si nomina la cosa. Commento.
8. Il corsivo e il grassetto non portano da soli un significato: i lettori di schermo di solito non li annunciano. Il corsivo dei titoli e delle parole straniere resta, come vogliono le norme redazionali; se un’enfasi è indispensabile, la deve reggere la frase. Commento, solo se l’enfasi cambia il senso.
9. Niente blocchi in tutto maiuscolo: si leggono peggio, e alcuni lettori di schermo li compitano lettera per lettera. Le sigle restano maiuscole (norme redazionali, «Acronimi»). Revisione.
10. Le sigle si sciolgono alla prima occorrenza, salvo quelle che conosce chiunque (DNA, ONU). Revisione se lo scioglimento è nel testo o certo, altrimenti commento.
11. Simboli in lettere: «per cento» al posto di «%» lo dicono già le norme; lo stesso per «&», «→», «+» e la barra usata per «o» («medici/infermieri»). Niente emoji nel corpo. Revisione, salvo nei titoli di opere e nelle citazioni.
12. Una frase o una citazione intera in un’altra lingua si traduce, nel testo o fra parentesi: il lettore di schermo la legge con la pronuncia italiana. Le singole parole straniere seguono le norme redazionali. Commento.

Immagini

13. Ogni immagine ha un testo alternativo (image_alt per l’apertura, l’alt nel corpo): dice cosa mostra e perché è lì, in una o due frasi. Non comincia con «Immagine di» o «Foto di» (il lettore di schermo lo dice già), non ripete la didascalia, non contiene i crediti. Revisione se manca o è vuoto. Controllo.
14. Un’immagine solo decorativa ha l’alt vuoto, e allora non deve portare informazioni. Commento.
15. Un grafico ha un alt che dice il messaggio, la tendenza o il dato chiave, non «grafico a barre». I numeri stanno anche in una tabella o nel testo: i grafici del sito hanno «I dati del grafico» apposta. Commento se mancano i dati.
16. Niente testo dentro le immagini: una locandina, una schermata di tabella, una citazione in grafica. Il testo va anche nella pagina, o l’immagine si rifà. Commento.

Tabelle

17. Le tabelle sono tabelle vere, con la riga di intestazione: mai un’immagine di tabella, mai celle vuote o unite per impaginare. Chi le ascolta sente ogni numero con la sua intestazione. Revisione per l’intestazione mancante. Controllo.
18. Tabelle piccole: una tabella che sul telefono va scorsa di lato per mezze righe si legge male da tutti. Oltre le cinque o sei colonne si propone di dividerla o di farne un grafico. Commento.

Video, audio, incorporati

19. Un video ha i sottotitoli, e se parla di dati li dice anche a voce. Un podcast ha almeno una sintesi scritta nella pagina. Commento.
20. Niente parte da solo: né video né audio. Revisione. Controllo.
21. Un incorporato da un altro sito ha un titolo che dice cos’è, e si preferisce rifarlo con gli strumenti del sito quando si può (bot-redazione.md, «Il controllo di fine lavorazione»). Revisione per il titolo. Controllo.
22. Niente codice scritto a mano nel testo, né stile né comportamento: rompe il tema scuro e la tastiera. Commento, a chi cura il sito. Controllo.