Linee guida e migliori pratiche per la gestione dei contenuti
Di seguito sono riportate alcune linee guida generali sull’accessibilità che seguono le linee guida delle WCAG per aiutarvi a gestire i contenuti del vostro sito web in futuro. Per ulteriori informazioni sulle migliori pratiche di accessibilità, consultate il nostro post sul blog.
Titoli accessibili
I lettori di schermo devono essere in grado di comunicare il contesto di una pagina o di una sezione all’interno di una pagina.
Utilizzate un linguaggio descrittivo nelle intestazioni H1: L’intestazione 1, alias H1, alias “Titolo della pagina”, dovrebbe essere l’argomento della pagina e non il gergo del marketing.
Utilizzare un testo di intestazione H1 unico: Lo stesso H1 non dovrebbe essere utilizzato in altre pagine del sito.
Utilizzare un solo H1 per pagina: L’H1 informa gli strumenti sull’argomento della pagina.
Utilizzate le intestazioni in generale per enfatizzare il contenuto: Utilizzate le altre intestazioni (H2, H3, H4, H5, H6) per evidenziare e sottolineare ulteriormente il contenuto della pagina.
Utilizzare titoli in ordine sparso: I titoli dei titoli devono essere in ordine H1 >H2 >H3 >H4 >H5 >H6.
Link accessibili
I lettori di schermo devono essere in grado di comunicare il contesto che sta dietro a un link.
Utilizzate un linguaggio descrittivo nei link: I link testuali NON devono dire “leggi di più” e “impara di più”: descrivete ai vostri visitatori ciò che la pagina risultante sta per dare loro.
Link ad altre pagine utili del sito in tutto il contenuto: Permette al visitatore di cercare rapidamente altre informazioni.
I link devono avere un aspetto diverso e distinguersi dal contenuto: Oltre all’uso del colore, utilizzate una freccia “→” o una carota “>” o una sottolineatura per sottolineare ulteriormente ai visitatori che il testo è un link. Questo aspetto è tenuto in considerazione nei vostri progetti, quindi assicuratevi di seguire la nostra guida di stile e i modelli di blocco pagina forniti.
Quando si usano le immagini come link: Non utilizzate semplicemente un’immagine come link. Le immagini devono essere integrate con del testo per dare risalto ai link.
Evitate di utilizzare lo stesso testo per tutti i link: Assicuratevi che i link con lo stesso nome portino alla stessa destinazione.
Immagini accessibili
Gli utenti non vedenti non sono in grado di vedere le immagini, così come uno screen reader utilizzato da un utente non vedente.
Evitare immagini contenenti testo: Uno screen reader non è in grado di leggere un’immagine, pertanto le immagini non devono contenere testo o informazioni di valore che non sono disponibili nella pagina.
Le immagini devono includere il testo alt: Le immagini utilizzate per scopi diversi dalla decorazione devono includere un testo alt che descriva l’immagine in modo che uno screen reader possa informare l’utente del contenuto dell’immagine (ad esempio, una donna che usa il telefono alla scrivania).
Descrizione del testo alt dell’immagine: Il testo alt dell’immagine deve descrivere l’immagine e non deve utilizzare caratteri speciali.
Evitate di inserire parole chiave nel testo alt: Il testo alt non è un luogo in cui caricare le frasi chiave di destinazione. Anche se una frase chiave può essere usata occasionalmente, non usatela su ogni immagine.
Video accessibili
Gli strumenti a pagamento offrono spesso una maggiore flessibilità e funzioni che includono sottotitoli e trascrizioni video. Utilizzate le versioni a pagamento o pro di strumenti video ospitati di terze parti.
Offrite un link a una pagina con il video completo trascritto nella pagina nel WYSIWYG.
Non riprodurre l’audio automaticamente.
Altri suggerimenti sui contenuti accessibili
Includete sempre un link alla sitemap nel footer del vostro sito web.
Assicuratevi che gli elenchi puntati utilizzino effettivamente la formattazione degli elenchi puntati.
Fornire istruzioni chiare sui moduli.
Assicuratevi che i moduli non siano troppo lunghi e che ogni campo abbia un’etichetta descrittiva.
Includere una pagina nel piè di pagina che contenga una dichiarazione di accessibilità.
Utilizzate un linguaggio semplice e conciso e spiegate eventuali abbreviazioni o parole il cui significato è ambiguo senza la pronuncia.
Assicuratevi che i PDF e altri file scaricabili siano accessibili.
Pianificate un percorso a ritroso tra le vecchie pagine di contenuto che sono state migrate sul nuovo sito web e assicuratevi di seguire le migliori pratiche di accessibilità.
Strumenti di test accessibili
Se seguite le migliori pratiche che abbiamo illustrato nel corso del vostro progetto, i vostri contenuti dovrebbero avere un buon riscontro con i test di accessibilità. Per essere sicuri, è possibile utilizzare sempre questi strumenti per testare ogni pagina creata:
La vostra organizzazione sta aumentando i requisiti di accessibilità del web? Siete obbligati per legge a fare di più o a riferire sui vostri standard di accessibilità web? Supporto di contatto – Possiamo organizzare una conversazione con i nostri strateghi per discutere di cosa significhi coinvolgere Orbit in un audit e ottenere un preventivo.
