Rendi un sito WordPress accessibile per la compromissione della vista e altre disabilità

Leggere questo tutorial ti insegnerà come esporre facilmente il tuo sito Web ai visitatori con disabilità della vista e altre disabilità. Le istruzioni spiegate in questo articolo non danneggiano le prestazioni SEO e avranno persino un impatto positivo su di esso.

Userò un plug -in chiamato WP Accessibilità per questo articolo, ma puoi scegliere qualsiasi plug -in desiderato. In questo caso eccezionale, le informazioni teoriche che acquisirai sono più importanti dei passaggi pratici.

Tutti i passaggi spiegati in questo tutorial includono schermate che rendono facile per i nuovi utenti di WordPress seguirli.

Aspetti importanti quando si gira il sito WordPress accessibile per i visitatori disabili

Gli standard per l'accessibilità Web sono definiti in WCAG (Linee guida per l'accessibilità dei contenuti Web). Queste linee guida mirano a rendere accessibili i siti Web secondo i seguenti criteri:

• Senso percepibile: I siti Web accessibili devono consentire ai visitatori di percepire il contenuto attraverso i loro sensi: opzioni di visibilità dei visitatori per la riduzione della visione e udito per i visitatori ciechi.
• Compatibilità degli strumenti di accessibilità: L'accessibilità richiede inoltre che il sito Web sia compatibile con gli strumenti di accessibilità utilizzati dai visitatori disabili.
• Difficoltà del contenuto: Il contenuto può essere ottimizzato per la capacità cognitiva ridotta i visitatori.
• Tecnologia: I siti Web accessibili sono anche ottimizzati per tutti i tipi di dispositivi e connessioni instabili di bassa qualità.

WCAG definisce tre livelli di accessibilità: UN, aa, E Aaa. Laddove A è la più bassa ottimizzazione per l'accessibilità, AA è il livello di ottimizzazione medio e AAA è il massimo livello di ottimizzazione per l'accessibilità.

Alcuni dei punti importanti quando si accede al tuo sito sono:

• Attributi Alt: Nonostante gli attributi ALT utilizzati dagli esperti SEO per aumentare il traffico, questo attributo è stato originariamente sviluppato per aiutare gli utenti a imparare lo scopo di un'immagine. L'attributo ALT contiene informazioni per la lettura del software per comunicare agli utenti ciechi la funzione o la descrizione di un'immagine.
• Skip Links: Skip Links sono collegamenti all'inizio di un sito Web, consentendo all'utente di bypassare rapidamente il contenuto e accedere ai contenuti pertinenti. Sono molto utili per gli utenti che utilizzano uno screen reader o senza mouse.
• Contrasto del colore: Esistono diversi livelli di cecità; Per alcuni di essi, mantenere un livello di contrasto elevato è fondamentale. Le ultime linee guida WCAG richiedono un rapporto di contrasto di almeno 3: 1 per i media e l'interfaccia utente. Il livello WCAG AAA richiede un rapporto di contrasto di almeno 7: 1 per il testo normale. Per testi di grandi dimensioni, richiede un rapporto di 5: 1.
• Compatibilità del software: Ciò significa che il tuo sito deve essere compatibile con il software di assistenza.
• Forme: Compatibilizzare i moduli è un aspetto importante quando si rende accessibile il tuo sito. Ciò include esclusi dati irrilevanti, etichette specifiche per far capire ai tuoi visitatori ogni campo, convalidare l'input e fissare errori senza compilare il modulo da 0.

Rendi un sito WordPress accessibile per la compromissione della vista e altre disabilità

Questa sezione pratica spiega come rendere il tuo wordpress accessibile per le disabilità.

Per iniziare, accedi alla dashboard WordPress e sul menu a sinistra, premi il Plugin opzione, quindi premere Aggiungere nuova Nel sottomenu visualizzato come mostrato nello screenshot seguente (Plugin>Aggiungere nuova).

Nella schermata di installazione dei plugin, trova la casella di ricerca delle parole chiave mostrata nell'immagine in basso e digita "Accessibilità". Una volta elencati i plugin disponibili, premere il Installa ora Pulsante per il plugin chiamato Accessibilità WP.

Una volta installato il plug -in, abilitarlo premendo il Attivare pulsante.

Dopo aver abilitato il plug -in, accedi alle sue opzioni di configurazione spostando il puntatore del mouse Impostazioni nel menu a sinistra della dashboard e Accessibilità WP nel sottomenu visualizzato (Impostazioni>Accessibilità WP).

Continua a leggere di seguito per configurare ogni aspetto di accessibilità di questo plugin.

Configurazione dell'accessibilità WP (Passaggio 1): Salta i collegamenti

Dopo aver aperto le impostazioni del plug -in di accessibilità WP, prima vedrai un'opzione per aggiungere collegamenti Skip.

I collegamenti Skip sono link posizionati strategicamente che consentono agli utenti che utilizzano i lettori di screen o si basano su una tastiera (senza mouse) per accedere rapidamente ai contenuti più rilevanti del sito Web saltando i contenuti non rilevanti o meno pertinenti. Ad esempio, un utente cieco che utilizza un lettore di screen o un utente disabilitato per mobilità che utilizza una tastiera senza mouse può accedere al contenuto principale del sito Web saltando le informazioni irrilevanti semplicemente accedendo a un link posizionato strategicamente.

La prima sezione consente di abilitare i collegamenti Skip, in modo che i tuoi utenti possano accedere alle informazioni pertinenti per aggirare il contenuto non rilevante.

Abilitalo e definisci l'obiettivo del collegamento dall'ID che puoi trovare sul codice della tua pagina.

L'opzione "Stili per Skiplinks quando hanno Focus" è utile per aggiungere stili CSS quando una scheda e una messa a fuoco sono posizionati sui collegamenti di salto. Nell'opzione "Styles per Skip Links With Focus" puoi aggiungere stili CSS quando la messa a fuoco non è posizionata sugli Skiplinks.

Dopo aver configurato le impostazioni dei collegamenti Skip, premere il Aggiorna le impostazioni Skiplink pulsante.

Di seguito puoi configurare le barre degli strumenti. È possibile aggiungere una barra degli strumenti di accessibilità per gli utenti per regolare il loro fontsize e il contrasto; Inoltre, puoi escludere alcuni elementi da questa barra degli strumenti. Aggiungi un attributo ID alla barra degli strumenti che specifica la sua posizione all'interno del tuo sito. Puoi anche nascondere la barra degli strumenti a seconda della dimensione dello schermo o posizionarla nella parte giusta dello schermo, tra le altre opzioni intuitive. Una volta terminato, premere il Aggiorna le impostazioni della barra degli strumenti pulsante.

Nella sezione Impostazioni di accessibilità varie, è possibile definire il linguaggio del tuo sito e i pulsanti utili (come "Leggi di più"). È inoltre possibile etichettare automaticamente i moduli di input per gli utenti per identificarli. Ulteriori opzioni consentono di rimuovere determinati attributi, disabilitare lo schermo completo e altro; Tutti sono intuitivi. Ricorda di aggiornare le tue impostazioni premendo il Aggiorna le impostazioni varie pulsante quando si finisce.

Scorrendo verso il basso, è possibile rimuovere gli attributi del titolo da tag nuvole.

Infine, puoi testare il contrasto del colore del tuo sito Web per sapere se è amichevole per i visitatori con compromissione della vista.

Questo è tutto per rendere il tuo sito Web accessibile per gli utenti con disabilità della vista e altre disabilità, impedendo loro di utilizzare un mouse.

Conclusione

Rendere il tuo sito Web accessibile agli utenti con disabilità è molto importante a causa dell'umanesimo alla base di questo e perché potresti perdere importanti utenti per la tua attività, la tua causa o il tuo blog.

Come puoi vedere, qualsiasi utente a livello di WordPress può rendere il suo sito Web accessibile per tutti i tipi di utenti seguendo alcuni passaggi sopra descritti. Ci sono molte alternative al plugin spiegate in questo articolo; Puoi sceglierne uno. Ricorda, quando si utilizza questo plugin (accessibilità WP) dovrai salvare le modifiche per ogni sezione che modifica. Pianificare il tuo sito Web per tutti gli utenti potrebbe avere un grande impatto sul tuo sito.

Grazie per aver letto questo articolo. Continua a seguire il suggerimento di Linux per più tutorial di alta qualità di WordPress.