Come rendere il tuo sito Web WordPress più accessibile

Quando si tratta di lanciare un sito Web WordPress, devi tenere a mente che visitatori di ogni tipo si fermeranno.

Ancora più importante, non tutti i visitatori del tuo sito saranno in grado di fare le cose semplici che alcuni danno per scontate, come spostare il mouse, vedere la combinazione di colori del tuo sito o ascoltare i contenuti video. Quindi, se vuoi stabilire una solida reputazione nel tuo settore, aumentare le conversioni e fare semplicemente la cosa giusta, dovrai concentrarti sull'accessibilità di WordPress.

Per questo motivo, oggi stiamo delineando i modi più semplici per rendere il tuo sito Web WordPress più accessibile , in modo che le persone possano esplorare il tuo sito con facilità, qualunque cosa accada .

Quindi iniziamo.

Che cos'è l'accessibilità di WordPress?

Accessibilità WordPress significa rendere il tuo sito web e i suoi contenuti disponibili a tutti gli utenti , compresi quelli con disabilità.

Non sei sicuro che questo si applichi al tuo pubblico di destinazione?

Pensaci. Secondo il National Service Inclusion Project, solo negli Stati Uniti ci sono 48,9 milioni di persone con disabilità. Estendilo in tutto il mondo e è probabile che una parte significativa dei visitatori del tuo sito abbia una sorta di compromissione che influisce sulla loro capacità di esplorare il tuo sito Web nel modo previsto.

La Web Accessibility Initiative afferma che rendere il tuo sito più accessibile aiuterà i seguenti gruppi di persone:

• Gli anziani
• Persone con disabilità temporanee, inclusi occhiali persi o un arto rotto
• Quelli con disabilità visive o uditive
• Persone con connessioni Internet lente
• Quelli con limitazioni situazionali come quelli che accedono al tuo sito in un'area luminosa o in un ambiente in cui non possono ascoltare l'audio del sito
• Quelli con problemi cognitivi come la dislessia, che influiscono sulla capacità di una persona di leggere i contenuti scritti

Prima di andare avanti, prendi ad esempio Blinkee.com:

Tra il minuscolo font e le luci lampeggianti, ci sono molti visitatori del sito che avranno difficoltà a leggere il contenuto, navigare nel sito o essere in grado di concentrarsi su qualcosa di importante per più di pochi secondi.

Vedi cosa intendiamo? L'accessibilità del sito web è molto più importante di quanto molti vogliano ammettere.

Ma perché dovresti preoccuparti dell'accessibilità di WordPress?

Potresti pensare a te stesso che il tuo sito Web WordPress non assomiglia per niente a Blinkee.com. E anche se questa è una buona cosa, non sei ancora chiaro.

Ecco alcuni dei motivi più convincenti per preoccuparsi dell'accessibilità del sito:

• Le persone con disabilità hanno tre volte meno probabilità di andare online rispetto a quelle senza, il che significa che stai perdendo enormi opportunità per convertire una grande parte di potenziali clienti
• Google e altri principali motori di ricerca premiano i siti accessibili classificandoli più in alto nelle classifiche di ricerca
• Ci sono stati migliaia di casi di accessibilità al web archiviati dal primo monitoraggio di questi tipi di casi nel 2015, il che significa che il tuo sito potrebbe essere a rischio di una causa

Come puoi vedere, indipendentemente dal tipo di sito Web che hai, perderai molto alienando parte del tuo pubblico di destinazione.

Suggerimenti per rendere il tuo sito web più accessibile

1. Verifica l'accessibilità del tuo sito WordPress

Prima di iniziare ad apportare modifiche al tuo sito per renderlo più accessibile, è meglio vedere quanto è accessibile in questo momento.

Questo può essere fatto facilmente utilizzando uno strumento come il Web Accessibility Evaluation Tool (WAVE). Con esso, sarai in grado di valutare l'accessibilità del tuo sito web semplicemente inserendo l'URL del tuo sito.

Dopo essere stato valutato, WAVE visualizzerà diverse icone codificate a colori che rappresentano sezioni del tuo sito che vanno bene, necessitano di miglioramenti o sono veri e propri errori. Se fai clic su un'icona, avrai accesso a una descrizione dettagliata di ciò che deve essere corretto.

2. Scegli attentamente le combinazioni di colori

Uno dei modi migliori per marcare il tuo sito Web e distinguerti dalla concorrenza è utilizzare una combinazione di colori specifica. Ma se i visitatori del sito che atterrano sul tuo sito web sono daltonici o hanno una vista limitata, non saranno in grado di godersi i colori del tuo sito come dovrebbero.

Prendi ad esempio questo semplice esempio di contrasto cromatico:

È piuttosto difficile vedere il testo scritto nella prima immagine, giusto? E potresti anche non avere una disabilità che influisce sul modo in cui vedi questa immagine.

Ora immagina di essere una delle 300 milioni di persone nel mondo che soffrono di daltonismo.

Oltre a guardare le tue combinazioni di colori contrastanti, è anche importante evitare di usare combinazioni di colori contrastanti. Solo perché il contrasto non è terribile , non significa che i colori stiano bene insieme.

Per aiutare a bilanciare i colori del tuo sito WordPress, dai un'occhiata a questo strumento online gratuito chiamato Contrast Checker.

Scegli semplicemente un colore di primo piano e di sfondo e lascia che lo strumento determini se i colori sono bilanciati correttamente o meno. In caso contrario, lo strumento ti farà sapere:

3. Usa un plugin per l'accessibilità di WordPress

Se vuoi semplificarti le cose, puoi sempre utilizzare un plug-in di accessibilità WordPress dedicato per valutare il tuo sito e assicurarti che sia accessibile a tutte le persone.

Uno di questi plugin è WP Accessibility. Questo plugin ti aiuta a identificare i problemi di accessibilità comuni nei temi di WordPress e a risolverli per migliorare l'usabilità del tuo sito.

Alcune delle sue caratteristiche includono:

• Rimozione dell'attributo target dai link
• Rimozione degli attributi del titolo dalle immagini inserite nel contenuto
• Aggiunta dei titoli dei post ai link standard "leggi di più".
• Aggiunta di etichette ai campi dei moduli standard di WordPress se mancanti
• Rimozione di tabindex dagli elementi che sono focalizzabili
• Visualizzazione di un contrasto di colore tra due valori di codice esadecimale
• E altro ancora

Inoltre, WP Accessibility aggiungerà una barra degli strumenti per alternare tra visualizzazioni ad alto contrasto, stampe di grandi dimensioni e in scala di grigi del tema, applicare gli attributi alt su tutte le immagini e persino aggiungere attributi di lingua e direzione del testo ai tuoi attributi HTML.

In alternativa potresti optare per una piattaforma di accessibilità dedicata come accessiBe. Il bello di questo tipo di piattaforma è che funziona al di fuori di WordPress.

4. Usa un tema pronto per l'accesso

Se vuoi evitare di dover risolvere i problemi di accessibilità dall'inizio, dovresti utilizzare un tema WordPress pronto per l'accessibilità.

Naturalmente, questo a volte è più facile a dirsi che a farsi. Detto questo, se sfogli il repository ufficiale di WordPress, puoi trovare alcuni fantastici ( e gratuiti! ) temi che utilizzano un design accessibile. Tutto quello che devi fare è utilizzare il filtro funzionalità e cercare temi etichettati come pronti per l'accesso.

Tuttavia, la nostra raccomandazione di riferimento è Kadence. Questo tema ha una versione gratuita, ma è disponibile anche una versione premium con funzionalità extra.

Se scegli un tema accessibile e pronto per il tuo sito Web WordPress, il tuo sito sarà pronto per tutti gli utenti in termini di navigazione, stile dei collegamenti, combinazioni di colori e altro ancora.

5. Aggiungi testo alternativo a tutte le immagini

L'aggiunta di testo alternativo alle immagini del tuo sito non serve solo a migliorare le classifiche di ricerca. Naturalmente, il testo alternativo sulle immagini offre ai crawler dei motori di ricerca una migliore comprensione del tuo sito Web e ti aiuta a posizionarti nei risultati di ricerca più pertinenti.

Ma l'aggiunta di testo alternativo alle tue immagini aiuterà anche le persone con disabilità ad avere una migliore esperienza utente mentre si trovano sul tuo sito. In effetti, il testo alternativo che aggiungi alle tue immagini consente alle persone con disabilità di "leggere" le tue immagini se usano uno screen reader per aiutarli a navigare in Internet.

Quindi, aggiungi testo alternativo a tutte le immagini del tuo sito WordPress. E assicurati che siano descrittivi e includano parole chiave in modo che uno screen reader possa leggere agli utenti in un modo sensato.

6. Rendi il tuo sito compatibile con la tastiera

Un altro ottimo modo per soddisfare le persone con disabilità e rendere il tuo sito WordPress più accessibile è rendere il tuo sito compatibile con la tastiera. In altre parole, i visitatori del tuo sito dovrebbero essere in grado di scorrere i seguenti elementi del sito:

• Voci del menu
• Collegamenti
• Bottoni
• Campi del modulo

Non sei sicuro che il tuo sito sia attualmente compatibile con la tastiera? Per verificare, tutto ciò che devi fare è visitare il tuo sito Web e vedere se riesci a navigarlo senza utilizzare il mouse. Invece, fai clic sul pulsante Tab e guarda cosa succede.

WordPress.org fa un ottimo lavoro nel rendere il suo sito accessibile a tutti gli utenti. In effetti, quando scorri il sito, vedrai una linea tratteggiata attorno a ciascuna voce di menu in cui scorri.

7. Formattare correttamente i campi del modulo

Si è tentati di posizionare le etichette dei campi modulo all'interno delle caselle dei campi per rendere il tuo sito più organizzato e pulito. Tuttavia, alcuni lettori di schermo non sono in grado di identificare e leggere questi tipi di etichette. Ciò rende difficile, se non impossibile, per coloro che si affidano agli screen reader visualizzare e compilare i campi del modulo del tuo sito. Ciò significa anche una perdita di conversioni, che può devastare il tuo successo.

Se fai molto affidamento sulle registrazioni dei visitatori del sito per fare soldi o far crescere il tuo seguito, non rendere accessibili i campi del modulo aumenta le tue possibilità di alienare parte del tuo pubblico di destinazione. Per risolvere questo problema, posiziona le etichette dei campi modulo all'esterno di ogni casella.

8. Fai attenzione allo stile dei link

Sebbene i colori che assegni ai collegamenti ipertestuali del tuo sito siano spesso scelti per scopi di branding, tieni presente che le persone con disabilità hanno bisogno di un chiaro contrasto quando si tratta di collegamenti ipertestuali.

Ecco un elenco di alcuni suggerimenti utili per rendere più accessibili i link del tuo sito WordPress:

• Evita di usare la parola "link" nei tuoi link perché i lettori di schermo dicono agli utenti a cosa porta il link
• Non mettere in maiuscolo i collegamenti perché confonde le utilità per la lettura dello schermo che a volte leggono il testo in maiuscolo lettera per lettera
• Evita di utilizzare gli URL nel testo del collegamento perché i lettori di schermo lo leggeranno lettera per lettera, rendendo difficile per gli utenti seguirlo
• Non collegare interi blocchi di contenuto; fallo breve e dolce
• Avvisa l'utente quando un collegamento si apre in una nuova finestra in modo che non si perda
• Sii cauto quando utilizzi molti link di ancoraggio (le persone con disabilità potrebbero non rendersi conto che si stanno solo spostando su e giù per la pagina che hanno già scansionato)
• Sottolinea il testo collegato e usa un colore separato e piacevole per gli occhi per il contrasto
• Controlla regolarmente la presenza di collegamenti interrotti o vuoti

Avvolgendo

Alla fine, l'accessibilità di WordPress è più importante che mai. In questi giorni, le persone usano Internet per tutto. Dal pagamento delle bollette alla socializzazione, dalla fissazione di appuntamenti allo shopping online, quasi ogni aspetto della vita delle persone può essere gestito online in un modo o nell'altro.

Per assicurarti di non tralasciare una parte del tuo pubblico di destinazione, di massimizzare il traffico del tuo sito e di rendere facile per le persone di ogni ceto sociale esplorare ciò che hai da offrire, dai un'occhiata a come accessibile è il tuo sito. Se non è all'altezza, apporta alcune modifiche semplici e rapide. Non solo ti aiuterà a far crescere il tuo seguito o la base di clienti, è la cosa giusta da fare.

Divulgazione: questo post contiene link di affiliazione. Ciò significa che potremmo effettuare una piccola commissione se effettui un acquisto.