Suite | Growth, Professional, Enterprise, or Enterprise Plus |
Support with | Guide all plans |
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 esaminando la scatola. Se la scatola è danneggiata, ovvero se presenta ammaccature o è rotta, segnalacelo. Quindi puoi iniziare a svolgere le seguenti attività: Inserisci le viti nell’unità e serrale. Accendi l’unità.” Accessibile Per assemblare il widget
|
Intestazioni | Usa le intestazioni in modo gerarchico, con <h1> essendo l’intestazione e i sottotitoli più importanti organizzati come <h2>, <h3>e così via.
Aumenta o diminuisce le intestazioni di un livello alla volta quando le ordini nella pagina. Ad esempio, usa un <h4> dopo un <h3>, anziché un <h5> o un <h6>. Prova a usare solo un <h1>, contenente il testo più importante (come il titolo della pagina). L’organizzazione delle pagine web in base alle intestazioni le rende visivamente distinguibili dagli utenti con disabilità cognitive ed è più facile da navigare per gli utenti con lettura dello schermo. |
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 di sottotitolo saltati) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Intestazione 1 Quisque tempor semper metus eu venenatis. Intestazione 4 Etiam et vehicula ipsum. Non accessibile (più di uno <h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Intestazione 1 Quisque tempor semper metus eu venenatis. Intestazione 1 Etiam et vehicula ipsum. Accessibile Lorem ipsum dolor sit amet, consectetur adipiscing elit. Intestazione 1Quisque tempor semper 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 mirate 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 vengano ignorate dalle tecnologie assistive, come i lettori di schermo. |
Non accessibile
Accessibile
|
Colore e stile del link |
Usa un colore del link che contrasti con la pagina e il testo circostante 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 basso contrasto o che sono daltonici. Evita di usare immagini come link. Se necessario, usa un’immagine che includa un testo alternativo che descriva la posizione e lo scopo del link. |
Non accessibile
Accessibile Consulta Creare contenuti del centro assistenza accessibili |
Testo link |
Crea un testo del link che abbia senso 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 destinazione 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 "Creare contenuti del centro assistenza accessibili" |
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
Acquisisci familiarità con le seguenti risorse per ulteriori informazioni su come creare contenuti accessibili per il centro assistenza :
0 commenti