Linee guida per l’accessibilità dei contenuti
Elemento articolo | Linee guida | Esempio |
---|---|---|
Contenuto del corpo | Per creare contenuti facilmente comprensibili a tutti, usa:
|
Non accessibile
“Se vuoi assemblare il widget, inizia controllando la scatola. Se la scatola è danneggiata, ovvero se presenta ammaccature o è rotta, segnalacelo. Ora puoi iniziare a svolgere le seguenti attività: Inserire le viti nell’unità e serrarle. Accendi l’unità. Accessibile Per assemblare il widget
|
Intestazioni | Usa le intestazioni in modo gerarchico, in cui <h1> è l’intestazione più importante e i sottotitoli sono organizzati come <h2>, <h3> e così via.
Aumenta o diminuisci le intestazioni di un livello alla volta quando le ordini nella pagina. Ad esempio, puoi usare <h4> dopo <h3>, anziché <h5> o <h6>. Cerca di avere solo una <h1>, con il testo più importante (come il titolo della pagina). L’organizzazione delle pagine web in base alle intestazioni le rende facilmente distinguibili dagli utenti con disabilità cognitive e facilita la navigazione per gli utenti di screen reader. |
Non accessibile (nessun sottotitolo) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat turpis ac ultrices pulvinar. Nullam pharetra neque ac eros fermentum, sed tempor lorem tristique. Aenean ut malesuada diam. Non accessibile (livelli sottotitoli saltati) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Intestazione 1 Quisque tempor sempre metus eu venenatis. Intestazione 4 Etiam et vehicula ipsum. Non accessibile (più di un file <h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Intestazione 1 Quisque tempor sempre metus eu venenatis. Intestazione 1 Etiam et vehicula ipsum. Accessibile Lorem ipsum dolor sit amet, consectetur adipiscing elit. Intestazione 1Quisque tempor sempre metus eu venenatis. Integer vehicula interdum velit, sit amet rutrum nisi sollicitudin ac. Intestazione 2 Etiam et vehicula ipsum. Aenean placerat semper leo et bibendum. |
Immagini |
Fornisci un testo alternativo (alt) chiaro e conciso per le immagini che descrivono l’argomento dell’immagine. Il testo alternativo viene letto ad alta voce dal software di lettura dello schermo. Se stai usando
alt="" ) in modo che possano essere ignorati da tecnologie assistive come le utilità per la lettura dello schermo. |
Non accessibile Accessibile
|
Colore e stile del link |
Usa un colore per i link che sia in contrasto con il testo della pagina e che lo circonda e includa un indicatore non colorato (come la sottolineatura o l’icona). Ciò rende i link accessibili agli utenti che hanno difficoltà a distinguere il testo con un contrasto ridotto o che sono daltonici. Evita di usare immagini come link. Se necessario, usa un’immagine che includa del testo alternativo che descriva la posizione e lo scopo del link. |
Non accessibile
Accessibile Consulta Creazione di contenuti accessibili per il Centro assistenza |
Testo del link |
Crea un testo di link sensato senza il contenuto circostante. Ad esempio, evita il testo ambiguo del link, come “fai clic qui” o “ulteriori informazioni”. Le utilità per la lettura dello schermo non sono in grado di interpretare la direzione del link se non è indicato nel testo. Non usare l’URL non elaborato per il testo del link. Le utilità per la lettura dello schermo leggeranno l’intero URL agli utenti, indipendentemente dalla lunghezza. |
Non accessibile Visita www.website.com/linkedpage.htmlAccessibile |
Titoli | Usa titoli di pagina che descrivono l’argomento o lo scopo. |
Non accessibile “Dettagli accessibilità” Accessibile “Creazione di contenuti accessibili per il Centro assistenza” |
Video | Seleziona un provider video che supporta i sottotitoli. I sottotitoli rendono i video più accessibili alle persone non udenti o con problemi di udito.
Fornisci una trascrizione e una descrizione audio per il video. |
Accessibile |
Risorse sull’accessibilità dei contenuti
Prendi dimestichezza con le seguenti risorse e scopri come creare contenuti accessibili per il Centro assistenza:
Avvertenza sulla traduzione: questo articolo è stato tradotto usando un software di traduzione automatizzata per fornire una comprensione di base del contenuto. È stato fatto tutto il possibile per fornire una traduzione accurata, tuttavia Zendesk non garantisce l'accuratezza della traduzione.
Per qualsiasi dubbio sull'accuratezza delle informazioni contenute nell'articolo tradotto, fai riferimento alla versione inglese dell'articolo come versione ufficiale.