Come rendere accessibile il tuo sito Web WordPress

Comprendere e utilizzare correttamente l'accessibilità di WordPress è vitale per l'usabilità del tuo sito. Se non conosci questo argomento, l'accessibilità è proprio quello che sembra: il grado in cui chiunque può accedere e utilizzare pienamente qualcosa.

“L'accessibilità è la pratica di rendere i tuoi siti web utilizzabili da quante più persone possibile. Tradizionalmente pensiamo che si tratti di persone con disabilità, ma la pratica di rendere accessibili i siti avvantaggia anche altri gruppi come quelli che utilizzano dispositivi mobili o quelli con connessioni di rete lente". (fonte)

Più il tuo sito è accessibile, più persone possono usarlo. Quando un sito è meno accessibile o quando l'accessibilità non è prioritaria, una parte del tuo pubblico è dissuasa o completamente impedita dall'ottenere tutte le informazioni che il tuo sito ha da offrire.

In questo post, discuteremo perché l'accessibilità è importante, cosa significa, il grado in cui WordPress è già accessibile, come i costruttori di siti possono rendere accessibili i siti e come testare l'accessibilità di un sito.

Iniziamo!

Dai un'occhiata alla nostra guida video all'accessibilità del sito web

Cosa significa accessibilità al Web

Accessibilità al Web significa che un sito Web è progettato e sviluppato in modo che tutte le persone possano usarlo. Ciò include il modo in cui comprendono, navigano, interagiscono e contribuiscono al sito web.

Un buon modo per definire e comprendere appieno l'accessibilità al web è sfatare alcuni dei suoi miti.

Più il tuo sito è accessibile, più persone possono usarlo. È così semplice. Scopri di più in questa guida. ️ Clicca per twittare

Mito uno: è solo per non vedenti

Un sito Web completamente accessibile dovrebbe essere utilizzabile da persone con disabilità uditive, cognitive, neurologiche, fisiche, del linguaggio e visive. Le persone con disabilità sono al centro degli sforzi per l'accessibilità. Tuttavia, non sono le uniche persone a beneficiare di un sito Web accessibile.

L'accessibilità al Web migliora l'esperienza dell'utente per tutti i seguenti tipi di persone e situazioni:

• Qualcuno che utilizza dispositivi mobili con schermi più piccoli e modalità di input variabili.
• Persone con capacità, vista o mobilità limitate a causa dell'invecchiamento.
• Qualcuno con una difficoltà temporanea come una mano ferita.
• Una persona che utilizza il sito in un'area con illuminazione che potrebbe modificare il contrasto del proprio schermo.
• Qualcuno che accede al sito con una connessione Internet o una larghezza di banda limitate.

Mito due: è una moda o una tendenza

È probabile che tu abbia sentito parlare sempre di più dell'accessibilità al web negli ultimi anni. Poiché il web sta crescendo e sempre più persone fanno affidamento su di esso, l'accessibilità al web sta diventando un problema sempre più urgente. Ma non è solo una moda passeggera.

"L'accessibilità digitale è un diritto civile e un diritto umano delle persone disabili in tutto il mondo".
Lainey Feingold, avvocato per i diritti dei disabili e autore

Con il passare del tempo e l'uso del web diventa sempre più onnipresente, aumenta anche la necessità di un'accessibilità web diffusa. Quando un sito Web non è completamente accessibile secondo le linee guida WCAG, le persone possono intraprendere un'azione legale contro lo sviluppatore o il proprietario del sito Web.

Basta dare un'occhiata al numero di cause legali sull'accessibilità del web per capire quanto seriamente le persone lo stiano prendendo. Il numero di cause legali dal 2017 al 2018 è quasi triplicato. Da allora, quel numero ha registrato una media di 2.345 cause all'anno. Anche durante la pandemia di COVID-19 per tutto il 2020, il numero di cause legali per l'accessibilità del sito Web ADA Titolo III presso la corte federale è aumentato al 12% rispetto all'anno precedente.

L'accessibilità al Web è qui per restare. Mentre sviluppiamo software e siti Web, dobbiamo incorporare l'accessibilità al Web nei nostri processi per il futuro. Ciò è necessario non solo perché a nessuno piace essere citato in giudizio, ma perché Internet deve soddisfare i bisogni di tutti gli individui, indipendentemente da quali siano questi bisogni.

Mito tre: puoi automatizzare completamente l'accessibilità

Una volta compreso il motivo per cui l'accessibilità è importante e che ci possono essere conseguenze se non viene assegnata la priorità, potresti avere fretta di assicurarti che il tuo sito Web sia conforme alle WCAG.

Uno dei miti più diffusi sull'accessibilità al web è che puoi scaricare un semplice plugin o installare un software che, con lo schiocco delle dita, rende il tuo sito completamente accessibile. Questo è semplicemente impossibile.

Secondo a11yproject.com, i problemi di accessibilità sono oggettivi o soggettivi. I problemi oggettivi possono essere rilevati dal codice e quelli soggettivi richiedono il giudizio umano. Il codice non può mai risolvere accuratamente i problemi che rientrano in quest'ultima categoria e i tentativi di farlo spesso causano più danni che benefici nel processo.

“Le soluzioni di overlay sono soluzioni software automatizzate che, come sappiamo, possono rilevare solo il 30% circa dei problemi WCAG in primo luogo. Questo perché le WCAG sono sfumate e interpretative. Le macchine non sono brave in questo”. (fonte)

Ricorda che l'accessibilità non riguarda la prevenzione dei rischi, ma la fornitura di esperienze ottimizzate per tutti gli utenti.

Linee guida per l'accessibilità dei contenuti Web

La Web Accessibility Initiative ha sviluppato una serie di Web Content Accessibility Guidelines (WCAG) che possono aiutarti a garantire che il tuo sito sia conforme e completamente accessibile. Se progetti, sviluppi o sostieni un sito web, dovresti avere molta familiarità con queste linee guida.

L'accessibilità non è solo un obiettivo per gli sviluppatori, ma anche per designer, esperti di marketing, autori di contenuti, project manager e altro ancora. L'accessibilità dovrebbe essere una priorità durante l'intero processo di costruzione del sito, dalla pianificazione al lancio. Dovresti anche migliorare continuamente l'accessibilità di un sito Web dopo che è stato pubblicato.

Come WordPress accessibile è fuori dagli schemi

Questa è una delle grandi domande che molte persone si pongono quando considerano WordPress un'opzione per la creazione di siti: quanto è già accessibile e quanto lavoro è necessario fare per rendere accessibile WordPress? Dal momento che non esiste una risposta in bianco e nero per questo, diamo un'occhiata al grado in cui WordPress è già accessibile.

Dove WordPress fa bene l'accessibilità

La buona notizia è che nel tempo WordPress è diventato sempre più accessibile. Ogni versione fa piccoli passi e avanzamenti tenendo conto dell'accessibilità. Poiché l'accessibilità diventa un argomento più ampio nella mente di più persone, più persone possono dargli priorità.

Inoltre, molte persone nella community di WordPress sono appassionate e esplicite su questi argomenti. Ogni nuovo tema WordPress predefinito richiede ulteriori passaggi per diventare più accessibile. Gli sviluppatori stanno inventando nuovi strumenti di assistenza e scrivono continuamente guide e articoli sull'accessibilità di WordPress. Di conseguenza, non sarai mai solo nel tuo viaggio verso l'accessibilità di WordPress.

Se sei interessato a saperne di più su WordPress e sull'accessibilità direttamente dai membri della comunità, visita WordPress.tv e guarda questi discorsi sull'accessibilità.

Dove WordPress manca il segno

Nonostante i recenti progressi, WordPress non è sempre accessibile al 100% immediatamente. Ogni versione di WordPress deve affrontare alcune critiche in termini di dove non è all'altezza. All'inizio del 2019, WPCampus ha eseguito un audit approfondito dell'ultima versione di Gutenberg dell'epoca. Lavorare in questo modo è incredibilmente importante; da quell'audit, 116 questioni relative all'accessibilità sono state chiuse.

Può essere difficile per i creatori di contenuti disabili pubblicare con WordPress. Poiché è impossibile automatizzare tutti gli aspetti di progettazione e sviluppo accessibili, chiunque può creare pagine Web inaccessibili con WordPress.

“Il front-end di WordPress è praticamente nello stesso posto in cui è stato per anni: perfettamente in grado di essere accessibile, ma dipende interamente dallo sviluppatore che costruisce il sito. Un tema scadente o plug-in inaccessibili fanno la differenza. L'amministratore ha continuato a migliorare: è stata una strada difficile portare l'editor di Gutenberg verso una migliore accessibilità, ma si stanno facendo progressi. Detto questo, è una battaglia costante per evitare regressioni dell'accessibilità con qualsiasi nuovo componente dell'interfaccia". (fonte)

Quindi cosa significa per te come sviluppatore o designer di WordPress? Il tuo viaggio verso un sito Web completamente accessibile è un po' più breve quando inizi con WordPress. Tuttavia, c'è ancora una certa distanza da percorrere prima di raggiungere il traguardo.

Come creare un sito Web WordPress accessibile

Ora, entriamo nei passaggi che puoi eseguire per assicurarti che un sito Web WordPress sia accessibile a tutti gli utenti.

In ogni caso, non lasciare mai l'accessibilità come un compito da affrontare alla fine del progetto. Dovrebbe essere una priorità integrata fin dall'inizio del processo. E dovrebbe essere un obiettivo continuo una volta lanciato il sito.

Non esiste un unico elenco di controllo da seguire o automatizzare per garantire l'accessibilità al 100%. Gran parte del lavoro dipende dai tuoi plugin, temi e contenuti.

Creare un sito web accessibile è come costruire un edificio sicuro: certo, ci sono delle linee guida, ma l'attenzione individuale, la manutenzione e le ristrutturazioni ponderate sono essenziali per assicurarti di raggiungere l'obiettivo.

Migliori Pratiche di Design Accessibile

Iniziamo con alcune buone pratiche di progettazione accessibile per i siti Web WordPress, suddivise per tipo. Queste informazioni dovrebbero servire come una solida base per la tua educazione all'accessibilità.

immagini

Tutte le immagini sul tuo sito devono essere accessibili a tutti gli utenti. Dato che non tutti gli utenti possono vedere le immagini, alcuni potrebbero utilizzare la tecnologia assistiva per comprendere gli elementi visivi e il tuo sito dovrebbe quindi essere pronto per funzionare con quella tecnologia.

Il testo alternativo (o "alt") è una descrizione scritta che alleghi a un'immagine. Gli screen reader leggeranno la descrizione ad alta voce a tutti gli ospiti che potrebbero non vedere l'immagine. Il testo alternativo deve essere utilizzato per tutte le immagini che forniscono informazioni utili sulla pagina. Ciò include di tutto, dalle foto alle icone, alle infografiche.

L'unica eccezione è se un'immagine è considerata puramente "decorativa". Le immagini di sfondo, i divisori o le immagini che mostrano il testo presentato sulla pagina stessa non necessitano necessariamente di testo alternativo.

Quando scrivi un testo alternativo, ricorda di non descrivere l'immagine così com'è. Comunica invece cosa significa l'immagine nel contesto della pagina. Ecco alcune buone linee guida per aiutarti a scrivere un eccellente testo alternativo:

• Breve e semplice è il migliore.
• Gli screen reader comunicheranno che si tratta di un'immagine, quindi evita di dire "Questa è un'immagine di..." nel tuo testo alternativo.
• Se l'immagine è un collegamento, il testo alternativo dovrebbe spiegare cosa accadrà se l'utente seleziona quell'immagine.
• Il testo alternativo dovrebbe includere qualsiasi testo che appare sull'immagine. L'eccezione è quando lo stesso testo appare anche vicino all'immagine, come in una didascalia.

Aggiungere testo alternativo alle immagini sul tuo sito Web WordPress è più facile di quanto tu possa pensare. Puoi aggiungere questo testo nello stesso punto in cui aggiungeresti la didascalia di un'immagine.

Apri la tua Libreria multimediale e seleziona l'immagine che desideri modificare. Si aprirà la schermata Impostazioni per quell'immagine. Nel campo Testo alternativo , aggiungi il tuo testo alternativo, quindi fai clic su Salva :

Colori

Quando si progetta un sito accessibile, è essenziale fornire un contrasto cromatico adeguato. Un contrasto cromatico scadente può influire sulla leggibilità dei tuoi siti in numerosi casi, ad esempio per utenti con problemi di vista, utenti daltonici o persone che utilizzano determinati dispositivi. Immagini, testo ed elementi come i pulsanti richiedono tutti un contrasto cromatico adeguato.

Il contrasto del colore si riferisce al modo in cui appaiono i colori chiari o scuri quando sono posizionati uno contro l'altro o molto vicini. Ad esempio, il testo nero su sfondo bianco ha un contrasto cromatico molto più elevato (21:1) rispetto al testo giallo su sfondo bianco (1,08:1). WCAG 2.0 AA richiede un rapporto minimo di 4,5:1 per il testo normale e 3:1 per il testo più grande (grassetto 18px o standard 24px e più grande).

Cosa significa esattamente? Il modo più semplice per determinare se i tuoi colori funzionano bene insieme è inserirli in uno strumento di test del contrasto, come WebAIM Contrast Checker. Ci sono tonnellate di strumenti di controllo gratuiti online.

Dai un'occhiata alla nostra sezione test per saperne di più su come testare i colori.

Man mano che testi sempre più combinazioni di colori, migliorerai nel determinare con la sola vista quali combinazioni di colori funzionano e quali no.

Devi anche assicurarti di evitare di usare il colore come fattore distintivo principale. Ad esempio, molti siti hanno collegamenti di colore diverso rispetto al corpo del testo circostante. Tuttavia, se il colore è difficile da vedere per un utente per qualche motivo, potrebbe essere impossibile per loro distinguere tra una parola collegata e una parola non collegata. Usa il colore per abbellire un link, ma aggiungi una sottolineatura sotto il testo per rendere accessibile il link.

Testo

Gran parte di ciò che sperimentiamo sul web è testo. Utilizziamo i siti Web per leggere articoli, ricette, storie e molto altro ancora. Stai leggendo questo post proprio ora! Di conseguenza, il testo deve essere ottimizzato per tutti i lettori, indipendentemente dal fatto che stiano leggendo con gli occhi o con le orecchie.

Esistono due modi principali per discutere del testo quando si parla di accessibilità: caratteri e dimensioni.

Un carattere accessibile è facile da leggere in piccole e grandi dimensioni. Font come Tahoma, Calibri, Helvetica, Arial, Verdana, Times New Roman, Arvo, Museo Slab e Rockwell sono tutte scelte accessibili. I lettori con dislessia potrebbero trovare difficile leggere alcuni caratteri, inclusi molti caratteri serif. I caratteri sans-serif per il corpo del testo tendono ad essere una scelta più sicura. È meglio evitare di visualizzare i caratteri, come gli stili di scrittura a mano o il corsivo, a meno che il testo non sia grande, sparso e per lo più decorativo.

La dimensione dei caratteri è incredibilmente importante per l'accessibilità. Discutiamo alcune regole pratiche quando si tratta di dimensioni dei caratteri accessibili.

I caratteri predefiniti devono essere almeno 9pt o 12px. Si consigliano 12pt o 16px. Secondo le linee guida WCAG, il testo dovrebbe essere leggibile se ingrandito al 200%. Si consiglia di utilizzare percentuali o em invece di pixel o punti per impostare la dimensione del carattere. L'utilizzo di diversi pesi dei caratteri va bene, ma assicurati che se il tuo testo utilizza un testo leggero, sia abbastanza grande da poterlo vedere.

Questa non è la fine, tutto, di come progettare tenendo conto dell'accessibilità. Ma è fondamentale sapere da dove cominciare. Se vuoi fare una lettura più approfondita sulla progettazione per l'accessibilità, dai un'occhiata a queste risorse:

• W3C Web Design e applicazioni
• Una guida all'accessibilità del Web per i designer
• Progettare per l'accessibilità non è così difficile
• 10 esempi di web design accessibile conforme ad ADA
• Accessibilità nel design

Migliori Pratiche di Sviluppo Accessibile

Quando si crea un sito Web o il suo software complementare (come temi e plug-in), ci sono cose importanti da tenere a mente per l'accessibilità. Alcuni di questi si sovrappongono al design, ma questa prossima sezione si concentra principalmente su come funziona il tuo sito e su come il tuo utente interagirà con esso.

Elementi interattivi

Gli utenti dovrebbero essere in grado di interagire e utilizzare il tuo sito web con relativa facilità, qualunque cosa accada. Ciò non include solo godersi le immagini e leggere il testo, ma anche interagire con menu, moduli, pulsanti e video.

Quando costruisci il tuo sito, assicurati che tutti gli elementi interattivi possano essere identificati facilmente. Tutti i menu di navigazione, dall'intestazione al piè di pagina, dovrebbero essere utilizzabili con i controlli da tastiera. L'aspetto dei collegamenti e dei pulsanti al passaggio del hover , focus e click dovrebbe cambiare.

La navigazione tra le pagine del tuo sito dovrebbe essere coerente e chiara. Il modo in cui nomi, stili e posizioni i collegamenti di navigazione sono incredibilmente importanti. Breadcrumb ponderati e intestazioni chiare consentiranno agli utenti di interagire con i tuoi contenuti con sicurezza.

È probabile che tu abbia un modulo o due sul tuo sito web. Potresti essere sorpreso di scoprire quanti moduli sono inaccessibili. Gli elementi del modulo devono includere etichette associate, a sinistra o sopra il campo. (Le caselle di controllo e le caselle radio possono andare a destra.) Dovrebbe essere chiaro agli utenti a cosa serve ogni campo del modulo.

Se sul tuo sito sono presenti contenuti che vengono riprodotti automaticamente, come GIF, slider, carosello, video o musica, dovrebbero essere presenti controlli visibili che consentano all'utente di interrompere l'animazione o il suono. È meglio fornire opzioni per interrompere, mettere in pausa o nascondere del tutto l'elemento.

Se sei uno sviluppatore che vuole approfondire lo sviluppo per l'accessibilità al web, dai un'occhiata a questi suggerimenti direttamente dal W3C.

Temi WordPress

Se sei un costruttore di siti Web fai-da-te, puoi realizzare molto di ciò che questo post discute scegliendo un tema accessibile. È importante che gli sviluppatori comprendano cosa rende accessibile un tema per dargli la priorità nei loro progetti.

I temi di WordPress controllano l'aspetto del tuo sito web. Molti temi sono preconfezionati con combinazioni di colori e famiglie di caratteri. È fondamentale assicurarsi che quei colori e caratteri soddisfino i requisiti sopra descritti. Molti temi si autoproclamano "completamente accessibili", ma questo non è sempre vero. Usa i tuoi test per determinare se un tema è accessibile o meno.

Il team di accessibilità di WordPress.com ha preparato un elenco di 92 temi gratuiti nel repository di WordPress che puoi iniziare a utilizzare subito.

Quando crei un tema accessibile, assicurati di avere familiarità con i requisiti WCAG sin dall'inizio. Le aree comuni da affrontare durante lo sviluppo includono:

• Contrasto di colore adeguato all'interno delle tavolozze di colori preimpostate
• La possibilità di navigare facilmente nel sito Web con una tastiera
• Utilizzo dei ruoli ARIA appropriati e/o dei punti di riferimento HTML5 per garantire un'esperienza pronta per lo screen reader
• Corretto markup semantico HTML
• Evitare la ripetizione di ID su una pagina
• Consente agli utenti di interrompere o controllare qualsiasi movimento automatico

Assicurati di aggiungere ai segnalibri le linee guida sull'accessibilità di WordPress per un facile riferimento quando inizi a creare il tuo tema.

Plugin WordPress

I plugin di WordPress ti consentono di aggiungere funzionalità plug-and-play al tuo sito Web WordPress. Esistono due tipi di plug-in per l'accessibilità di WordPress: quelli che ti aiutano a creare un sito Web accessibile e a rendere accessibile agli utenti un sito esistente.

Fai attenzione ai plugin di WordPress che ti forniscono garanzie come "accessibilità con un clic" o "accessibile automaticamente". Queste cose sono impossibili. I plugin sono strumenti che possono aiutarti a raggiungere i tuoi obiettivi di accessibilità, non bacchette magiche che fanno tutto il lavoro per te. A volte, i plug-in possono persino ostacolare i tuoi sforzi di accessibilità, quindi procedi con un certo grado di cautela!

Esistono tonnellate di plug-in incentrati sull'accessibilità che promettono di migliorare, monitorare o correggere i problemi di accessibilità. Potrebbero controllare il sito e farti sapere dove apportare miglioramenti. Oppure possono fornire strumenti front-end per rendere più semplice la creazione di un'esperienza accessibile sul tuo sito.

Alcuni di questi sono molto utili. Altri, invece, forniscono false promesse. Assicurati sempre di controllare a fondo un plugin come questo prima di impegnarti.

Alcuni plugin creano contenuti interattivi, come quiz e slider. Come discusso in precedenza, questi elementi richiedono un'attenzione e un test speciali per garantire che siano completamente accessibili. Testare sempre accuratamente un plug-in interattivo su un sito di staging o di sviluppo prima di pubblicarlo.

Lo stesso si può dire per i plugin dei moduli. Sfortunatamente, molti hanno problemi di accessibilità. Se ritieni che questo sia il caso, i moduli con codice personalizzato sono una buona alternativa.

Una categoria popolare di plug-in è quella dei plug-in per la creazione di pagine. Questi sono ottimi per consentire di creare rapidamente progetti drag-and-drop robusti e sofisticati. Tuttavia, possono spesso introdurre più problemi di accessibilità di quanti ne risolvano. Non esiste un'unica soluzione a questo problema, quindi mantieni il tuo design semplice e assicurati di testare tutti gli elementi per confermare l'accessibilità.

Dichiarazioni di accessibilità

Una dichiarazione di accessibilità è una pagina del tuo sito Web in cui comunichi le tue politiche interne, gli obiettivi di accessibilità e i successi passati relativi al lavoro con persone con disabilità.

Dovresti generare e pubblicare una dichiarazione di accessibilità sul tuo sito Web WordPress per i seguenti motivi:

• Per mostrare ai tuoi utenti che tieni all'accessibilità e a loro
• Per fornire informazioni sull'accessibilità dei tuoi contenuti
• Dimostrare impegno per l'accessibilità e la responsabilità sociale

Puoi scrivere la tua dichiarazione di accessibilità seguendo queste linee guida fornite dal W3C o utilizzando un generatore di dichiarazioni di accessibilità.

Come testare l'accessibilità del sito WordPress

L'accessibilità non consiste nel premere i pulsanti giusti e poi allontanarsi. Il test è una parte vitale per garantire che un sito sia completamente accessibile. Sia i test automatici che quelli manuali possono aiutarti a coprire tutte le tue basi.

Come condurre test automatizzati

I test automatici sono utili per valutare da dove iniziare. Se non conosci l'accessibilità o non sai da dove cominciare, inizia con test e valutazioni automatiche.

La maggior parte dei test automatizzati identificherà elementi come uno scarso contrasto del colore, testo alternativo mancante, collegamenti vuoti, problemi con elementi strutturali e così via. È possibile utilizzare questi test per generare un elenco di problemi da affrontare. Test come questi sono particolarmente utili per trovare errori basati sul codice che potrebbero essere meno visibili ad occhio nudo, ma che saranno importanti per alcuni dei tuoi utenti.

Un esempio di test di accessibilità gratuito che puoi utilizzare è lo strumento WebAim. Esamina l'intera pagina Web e genera un elenco di errori. Ti mostrerà anche esattamente dove si verificano questi errori nella pagina.

Puoi trovare tonnellate di strumenti di accessibilità individuali per aiutarti con problemi specifici. Ad esempio, usa un controllo del contrasto prima ancora di iniziare a progettare per assicurarti che i colori nella tua tavolozza giochino bene insieme.

Ricorda solo che nessun test automatizzato è perfetto, infallibile o un sostituto del test manuale.

Come condurre test manuali

Poiché l'accessibilità di WordPress riguarda casi d'uso umani reali, gli esseri umani reali devono essere quelli che hanno l'ultima parola sull'accessibilità o meno di un sito. Di conseguenza, è estremamente importante riservare tempo e risorse per i test manuali.

Quindi, come si esegue un test manuale? Ecco alcune cose che puoi fare per testare quanto sia accessibile un sito senza strumenti o programmi fantasiosi o costosi:

1. Abbandona il mouse: assicurati di poter navigare ragionevolmente e facilmente in tutte le funzioni del tuo sito web usando solo i tasti della tastiera. Ciò include lo spostamento tra le sezioni, l'accesso ai menu, il passaggio da una pagina all'altra, lo scorrimento della pagina e l'interazione con collegamenti e moduli.
2. Usa un'utilità per la lettura dello schermo: mettiti nei panni di qualcuno che ha una visibilità scarsa o scarsa. Usa un'app per la lettura dello schermo o un sito Web ed esamina il contenuto del tuo sito per assicurarti che abbia ancora senso e suoni fluido quando viene letto ad alta voce.
3. Testare il sito in ambienti diversi: vai da qualche parte con Wi-Fi pubblico per assicurarti che il tuo sito si carichi correttamente senza una connessione Internet di alta qualità. Prendi nota delle aree del sito che sono in ritardo o scompaiono del tutto con una connessione scadente.
4. Aumenta lo zoom: apri il tuo sito in un browser e usa le impostazioni del browser per ingrandire il 200%. Puoi ancora utilizzare, navigare e interagire con il sito in questa impostazione? Ci sono contenuti che scompaiono o vengono tagliati?
5. Concentrati sull'interattività: assicurati di dedicare molto tempo a testare elementi interattivi come video, moduli e pulsanti. I collegamenti e i campi modulo devono sempre essere messi a fuoco con un contorno, una sottolineatura, un cursore speciale.
6. Ricontrolla i tag alt: se non sei sicuro che un'immagine abbia o meno un'immagine alternativa allegata, usa lo strumento Ispeziona elemento per confermare.
7. Pensa in modo diverso: se tutte le immagini sul tuo sito sparissero, qualcuno sarebbe ancora in grado di usarle? Se tutti i colori del tuo sito diventassero improvvisamente in bianco e nero, in che modo ciò influirebbe sull'usabilità? Assicurati che le parti essenziali del tuo sito funzionino ancora se gli elementi decorativi sono in qualche modo interessati.

In caso di dubbio, contattare un'azienda che fornisce test di accessibilità manuali. Gli esperti in accessibilità e progettazione e sviluppo web possono eseguire rapidamente una revisione manuale e dirti esattamente quali aree devono essere lavorate.

Non dimenticare che il tuo pubblico nella vita reale è una delle tue migliori risorse. Disporre di un'area libera del sito in cui gli utenti possono fornire feedback sull'accessibilità. Se qualcuno ha difficoltà a utilizzare il tuo sito, dai tuoi sforzi per raccogliere feedback dovrebbe essere chiaro che sei disposto a sentire parlare di quell'esperienza e correggere il problema.

Il tuo sito web è accessibile a tutti i visitatori? Scopri di più su come testare l'accessibilità in questa guida ️ Fai clic per twittare

Sommario

Internet è diventato uno degli strumenti più importanti nella nostra vita quotidiana. Tutti devono avere la libertà di accedervi, sia che navighino per intrattenimento o per informazioni essenziali. Il tuo sito ha la responsabilità di soddisfare gli standard stabiliti per l'equità sul web.

Comprendere la necessità di tali linee guida è il primo passo verso un cambiamento significativo e duraturo. Costruire un sito accessibile significa che più persone traggono vantaggio da ciò che il tuo sito web ha da offrire a lungo termine.

Hai ancora domande sull'accessibilità di WordPress? Facci sapere nella sezione commenti!