What's my plan?
Suite Growth, Professional, Enterprise, or Enterprise Plus
Support with Guide all plans
La creazione di contenuti centro assistenza accessibili e facili da usare da parte di tutti, inclusi coloro che si affidano alla tecnologia assistiva, garantisce a chiunque acceda a Zendesk un’esperienza positiva e di successo.
Nota: Per ottenere un’accessibilità ottimale per il tuo centro assistenza, assicurati che non solo i tuoi contenuti siano accessibili, ma anche il tema centro assistenza . Consulta Come rendere accessibile il centro assistenza.
Questo articolo contiene le seguenti sezioni:
  • Linee guida per l’accessibilità dei contenuti
  • Risorse sull’accessibilità dei contenuti

Linee guida per l’accessibilità dei contenuti

La tabella seguente contiene le linee guida per rendere gli articoli centro assistenza accessibili e facili da usare da parte di tutti.
Nota: Per una descrizione più dettagliata di tutte le linee guida sull’accessibilità dei contenuti web, consulta lo standard Web Content Accessibility Guidelines (WCAG) 2.1.
Elemento articolo Linee guida Esempio
Contenuto del corpo Per creare contenuti facilmente comprensibili a tutti, usa:
  • Linguaggio chiaro e semplice
  • Paragrafi più brevi
  • Intestazioni e organizzazione
  • Elenchi puntati o numerati
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

  1. Controlla se la scatola è danneggiata. Se è danneggiata, segnalalo al servizio clienti.

  2. Inserisci le viti nel widget e serrale.

  3. Premi il pulsante di accensione.

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 1

Quisque 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

  • Nei blocchi di contenuti, usa la funzione ALT sulla barra degli strumenti dell’editor blocco di contenuti per inserire un testo alternativo.

  • Negli articoli, usa l’editor del codice sorgente per aggiungere l'attributo <img> alt all’immagine.

Nascondi le immagini decorative usando un testo alternativo nullo (alt="") in modo che vengano ignorate dalle tecnologie assistive, come i lettori di schermo.

Non accessibile

<img src="/guide-media/screenshot">

Accessibile

<img src="/guide-media/screenshot" alt="Screenshot of the Create content block page">

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

  • Consulta Creare contenuti del centro assistenza accessibili

  • Consulta

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

Fai clic qui

Visita www.website.com/linkedpage.html

Accessibile

Visualizza un elenco di risorse di accessibilità

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 :

  • Come rendere accessibili i prodotti Zendesk
  • Accessibilità dei prodotti Zendesk
  • Linee guida per l’accessibilità dei contenuti web (WCAG) 2.1
  • Come rendere accessibile il centro di assistenza
Powered by Zendesk