WordPress Accessibilità: come creare un sito web accessibile (+ Plugins per questo)

Maddy Osman Ultimo aggiornamento il 19.10.2020
12 Min.
WordPress -Accessibilità
Ultimo aggiornamento il 19.10.2020

L'accessibilità (o accessibilità) in WordPress è una componente importante nella creazione di siti web che non è ancora abbastanza discussa. Ma quanto è accessibile il popolare CMS? Perché l'accessibilità è così importante? E come sarà accessibile a tutti il vostro sito web?

Accesso per tutti: fatti sull'accessibilità

WordPress fa funzionare più del 35% di tutti i siti web. I siti di e-commerce, le principali pubblicazioni online, i canali di notizie, i blog e i siti web aziendali utilizzano WordPress perché è facile da usare.

Ed è proprio perché WordPress è così popolare che ha un grande impatto sull'accessibilità del web. Tuttavia, la questione dell'accessibilità non è sempre in primo piano nello sviluppo e nella riprogettazione di un sito web. Molti utenti di WP si preoccupano invece di scegliere il giusto Theme , di migliorare il loro posizionamento SEO e di garantire che il loro sito web si carichi rapidamente. Non c'è niente di sbagliato in questo - ma dovrebbe essere altrettanto importante che il vostro sito WordPress sia accessibile a tutti. 

Secondo le statistiche di accessibilità interattiva 56 milioni di americani vivono con una disabilità. Oltre a questo. Centro di ricerca Pew che il 54% degli adulti con disabilità negli USA usa regolarmente Internet. E questi sono solo gli Stati Uniti. In tutto il mondo queste cifre aumentano.

Se si ignora l'accessibilità, si esclude già il 20% della popolazione mondiale dalla possibilità di utilizzare il proprio sito web. In breve, ignorare l'accessibilità non è un bene per il vostro business. Ma, cosa ancora più importante, è terribile per creare un mondo più giusto e giusto. 

Quindi, se vi siete mai chiesti come creare un sito web accessibile con WordPress , questa guida è per voi. Risponderemo ad alcune domande chiave, tra cui:

  • Cos'è l'accessibilità al web?
  • WordPress è "out of the box" senza barriere?
  • Quali strumenti e Plugins vi aiutano a creare un sito WP accessibile? 

Cos'è l'accessibilità al web?

L'accessibilità al Web si riferisce agli strumenti che consentono alle persone con disabilità di utilizzare e accedere al Web. Ciò è particolarmente rilevante per le disabilità che possono influenzare il modo in cui le persone accedono e utilizzano il Web, tra cui:

  • Disturbi della vista
  • Danneggiamenti acustici
  • Discorso disturbato
  • Disabilità cognitive 
  • Disabilità neurologiche
  • Disabilità temporanea (come un braccio rotto)

Questo elenco comprende anche le disabilità legate all'età - e anche le disabilità derivanti da una connessione Internet lenta. Uno dei motivi principali per cui l'accessibilità è così importante è il ruolo sempre più importante di Internet nella nostra vita quotidiana: dall'accesso alle informazioni e alle notizie attuali, alla spesa e al contatto con i propri cari.

Altri motivi per cui l'accessibilità su Internet è importante: 

Data l'importanza di Internet in un mondo moderno, il Web deve essere accessibile a tutti, indipendentemente dallo status o dalle capacità.

WordPress è "out of the box" senza barriere? 

WordPress non è sempre stato privo di barriere: Solo pochi anni fa, gli utenti che si affidavano alle tecnologie assistive sul web hanno avuto notevoli problemi di navigazione nell'admin-dashboard.

WordPress  Accessibilità: come creare un sito web accessibile (+ Plugins per questo)

Da allora sono cambiate molte cose. In primo luogo, un piccolo gruppo di volontari - i cosiddetti Fai WordPress Squadra accessibile - ha migliorato significativamente l'accessibilità di WordPress .  

Come risultato del loro lavoro, i area amministrativa insieme alla mediateca e al customizer Theme sono diventati molto più accessibili. Inoltre, sono state aggiunte numerose scorciatoie da tastiera al nucleo di WordPress per velocizzare l'editing e la formattazione di articoli e pagine. 

Il sito Norme di codifica per l'accessibilità di WordPress nel marzo 2016 sono stati assegnati al WordPress Manuale di base aggiunto. Da allora Themes e Plugins devono superare un severo test di accessibilità per essere classificati come privi di barriere architettoniche.

Che cos'è il "Core Contributor Handbook"?

Il manuale definisce gli standard di codifica che gli sviluppatori di WP devono soddisfare quando aggiungono i loro contributi al core WordPress e inviano Themes e Plugins al repository ufficiale.

Sebbene siano stati apportati importanti cambiamenti e miglioramenti, WordPress ha ancora del lavoro da fare nel campo dell'accessibilità. Mentre WordPress si sta impegnando per rendere il Linee guida per l'accessibilità degli strumenti di autenticazione (ATAG) 2.0 ma ci sono altri problemi che impediscono l'accessibilità al 100%: 

  • Theme- e Plugin- Gli sviluppatori di terze parti non sempre seguono le Linee guida per l'accessibilità. Di conseguenza, la maggior parte dei problemi di accessibilità nel sito WordPress sono dovuti all'impossibilità di accedere a Themes e Plugins .
  • Il nuovo Gutenberg-redattore al momento della sua pubblicazione 90 Problemi di accessibilità. (Al momento di questo articolo solo 22 Problemi irrisolto).
WordPress  Accessibilità: come creare un sito web accessibile (+ Plugins per questo)

Suggerimenti per creare una pagina WP accessibile

Quando si crea un sito web accessibile, ci sono alcuni principi che sono esposti nella sezione Linee guida per l'accessibilità dei contenuti web sono specificati. Dovreste assolutamente usarli per assicurarvi che tutti possano usare il vostro sito web. 

Lista di controllo per l'accessibilità dei siti web

  • Percepibile: tutti gli utenti devono essere in grado di percepire i componenti dell'informazione e dell'interfaccia utente.
  • Gestibile: Indipendentemente dal dispositivo che gli utenti utilizzano per accedere al vostro sito web, i componenti dell'interfaccia utente e la navigazione devono essere gestibili.
  • Comprensibile: tutti gli utenti devono essere in grado di comprendere le informazioni e l'interfaccia utente.
  • Robusto: Sia gli utenti che i vari interpreti (comprese le tecnologie assistive) devono essere in grado di leggere e comprendere il contenuto del sito web. 

Sulla base di questi quattro principi chiave, ecco alcune delle linee guida da seguire per la creazione di un sito web accessibile con WordPress . 

Linee guida per garantire che il vostro sito web sia percepito

  • I link e i pulsanti non dovrebbero differire dal resto del contenuto solo per la loro colorazione.
  • Offrire supporto Braille e fornire alternative testuali per contenuti visivi e audio, come immagini e video
  • Impostare la larghezza del testo e la larghezza delle righe su dimensioni che massimizzino la leggibilità.
  • Assicuratevi che ci sia un contrasto sufficiente tra il vostro testo e lo sfondo. In altre parole, nessun testo rosso chiaro su sfondo nero.
  • I contenuti audio e video dovrebbero includere trascrizioni, didascalie o linguaggio dei segni.
  • GIF animate, animazioni lampeggianti e altri contenuti che potrebbero causare crisi epilettiche e reazioni fisiche devono essere evitati.

Linee guida per garantire che il vostro sito web sia utilizzabile

  • Astenersi dall'usare CAPTCHA o offrire diversi modi per risolverli, in quanto possono creare problemi a molte persone.
  • I link non devono aprire i contenuti in una nuova finestra senza avvisare gli utenti o senza una precedente interazione da parte degli utenti.
  • Assicuratevi che i vostri utenti possano accedere ai pulsanti e alle voci di menu (nonché ai menu a tendina) utilizzando la tastiera e il mouse. 
  • Elementi multimediali come video, audio, caroselli o cursori non devono essere impostati per la riproduzione o la modifica automatica senza l'interazione dell'utente.

Linee guida per garantire che il vostro sito web sia comprensibile

  • Pensate a diversi punti di vista quando progettate e modificate di conseguenza la posizione e l'aspetto degli elementi principali.
  • Utilizzare i titoli per definire le diverse sottosezioni di una pagina.
  • Evitare l'uso di gergo, termini difficili e abbreviazioni. Assicuratevi invece che il vostro contenuto sia scritto in modo chiaro e conciso.
  • I link devono essere descrittivi e avere senso anche senza contesto. Ad esempio, è meglio avere un pulsante o un link con il testo "Scopri di più sui nostri servizi" piuttosto che solo "Scopri di più".

Linee guida per garantire la solidità del vostro sito web

  • Inserire i link di salto in cima ad ogni pagina.
  • Assicuratevi che i vostri campi del modulo abbiano etichette appropriate. I vostri moduli dovrebbero anche avere messaggi di avvertimento e di conferma facilmente riconoscibili dai daltonici.
  • Utilizzare tabindex per
    a
    ggiungere
    un elemento che normalmente non viene messo a fuoco, come
    o ,
    all'ordine di navigazione quando viene utilizzato per l'interazione.
  • I supporti scaricabili come documenti PDF, contenuti audio o video dovrebbero avere una descrizione che indichi che il download sta per iniziare.
  • Gli elementi interattivi non standard, come le fisarmoniche o le schede, dovrebbero avere un significato secondo l'approccio WAI-ARIA I ruoli.

Il migliore WordPress Accessibilità Plugins e strumenti

Se si seguono le linee guida di cui sopra, il vostro sito web sarà accessibile. Tuttavia, non è sempre facile tenere traccia di tutte queste regole e linee guida.

Fortunatamente, ci sono un certo numero di Plugins e strumenti per altri WordPress che vi aiutano a creare siti web accessibili più velocemente - senza dimenticare i passi importanti. 

Accessibilità WP

WP-Accessibilità

Accessibilità WP è uno dei migliori siti di WordPresss Accessibility Plugins dal repository ufficiale WordPress Plugin . Ha una classificazione a 5 stelle e più di 30.000 installazioni attive. Il sito Plugin indirizza e risolve i problemi di accessibilità generale in WP-Themes. 

Caratteristiche principali di WP Accessibilità:

  • Aggiungere link di salto con destinazioni personalizzate
  • Aggiungere il contorno allo stato di messa a fuoco della tastiera
  • Rimuovere l'indice delle schede dagli elementi focalizzabili
  • aggiungere lunghe descrizioni alle immagini
  • Attributi Force Alt per le immagini nel Classic Editor

WP Accessibility risolve anche i problemi di accessibilità nel nucleo di WordPress , come la rimozione degli attributi dei titoli non necessari dalle liste di pagine, dalle liste di categorie e dai menu di archivio.

Il migliore WordPress Accessibilità Plugin per: Aziende con siti web esistenti che vogliono migliorare la loro accessibilità.

Prezzo: È possibile scaricare WP Accessibility gratuitamente dal repository ufficiale. 

Barra degli strumenti AccessibileWP

Barra degli strumenti WPAccessibile

Barra degli strumenti AccessibileWPprecedentemente noto come Poesia Accessibile, ha una valutazione di 4,5 stelle e più di 4.000 installazioni attive. Il sito WordPress Plugin vi permette di attivare facilmente alcune funzioni e di rendere il vostro sito più accessibile. 

Caratteristiche principali di AccessibleWP Toolbar:

  • Attivare la navigazione da tastiera per consentire agli utenti di navigare il vostro sito web con la loro tastiera,
  • Gli utenti possono disabilitare le animazioni CSS3
  • Gli utenti possono cambiare i colori del sito web con colori con un migliore contrasto
  • Gli utenti possono cambiare i colori del sito web con colori in scala di grigi
  • Gli utenti possono aumentare o diminuire la dimensione dei caratteri sul vostro sito web

Il migliore WordPress Accessibilità Plugin per: Aziende che vogliono un sito web più accessibile, ma che vogliono mantenere una combinazione di colori specifica per il marchio e un'estetica generale. 

Prezzo: È possibile scaricare AccessibleWP Toolbar gratuitamente dal repository ufficiale. 

Accessibilità con un solo clic

Accessibilità con un solo clic

Il popolare WordPress -Plugin per l'accessibilità, Accessibilità con un solo clicè stato originariamente sviluppato per il Pojo Framework ed è ora compatibile con tutti i siti WordPress -Themes . Il sito Plugin ha una classificazione di 4,5 stelle e più di 30.000 installazioni attive. 

Caratteristiche principali di One Click Accessibility:

  • Gli utenti possono attivare o controllare la dimensione dei caratteri, il contrasto, la sottolineatura dei link, i caratteri leggibili con una barra degli strumenti di accessibilità
  • Attivare i Skip-Link
  • Aggiungere la messa a fuoco del contorno per gli elementi focalizzabili
  • Rimuovere gli attributi di destinazione dai link e aggiungere i ruoli di punto di riferimento

Il migliore WordPress Accessibilità Plugin per: Siti web che sono stati originariamente creati nell'ambito di Pojo.

Prezzo: One Click Accessibility può essere scaricato gratuitamente dal repository ufficiale. 

WordPress Aiuto per l'accessibilità

WordPress -Aiuto per l'accessibilità

WordPress Aiuto per l'accessibilità ha una classificazione a 5 stelle e più di 10.000 installazioni attive Il sito Plugin offre una versione gratuita con una serie completa di funzioni. La versione premium offre ancora più funzionalità, tra cui la possibilità di controllare finestre modali e pop-up, aggiungere fisarmoniche e personalizzare i loghi.

Caratteristiche principali di WordPress Accessibility Helper

  • Aggiungi link di salto
  • Impostare la dimensione dei caratteri secondo i vostri desideri
  • Controllare le pagine e i contributi per verificare la presenza di errori relativi all'accessibilità
  • Impostare colori personalizzati per un contrasto migliore/scuro
  • Sottolineare o contrassegnare tutti i link

Il migliore WordPress Accessibilità Plugin per: Le aziende che hanno bisogno di un robusto Plugin per rendere l'accessibilità una caratteristica chiave del loro sito web e del loro business. 

Prezzo: WordPress L'aiuto all'accessibilità può essere scaricato gratuitamente. È possibile acquistare la versione Pro per 80 dollari, che consente di installare Plugin su un sito web e ricevere tre mesi di supporto. 

Controllo di conformità WP ADA Basic

Controllo di conformità WP-ADA Basic

Controllo di conformità WP ADA Basic controllerà il vostro sito web per verificare la presenza di problemi di accessibilità al web e vi fornirà un rapporto dettagliato. La valutazione si basa sugli Standard di Accessibilità del Web come definiti nella Sezione 508 e WCAG 2.1 LIVELLO A/AA. 

Caratteristiche principali di WP ADA Compliance Check Basic

  • Valuta il tuo sito web per i problemi di accessibilità al web
  • Esegui i rapporti di accessibilità
  • Ricevere istruzioni di facile comprensione per risolvere i problemi di accessibilità
  • Correzione automatica dei problemi di accessibilità (solo nella versione Premium)
  • Problemi, in Theme-identificare i file (solo nella versione premium)

Il migliore WordPress Accessibilità Plugin per: Le aziende che vogliono concentrarsi principalmente sulle linee guida legali dell'accessibilità del Web, o le aziende che sono interessate alla funzione di risparmio di tempo della correzione automatica con la versione Premium.

Prezzo: WP ADA Compliance Check Basic può essere scaricato gratuitamente ed è limitato a 25 articoli o pagine. La versione premium parte da 165 dollari per un sito web e ti dà un anno di supporto e aggiornamenti. 

monitor di accesso

Monitor di accesso

Il plugin monitor di accesso ha una classificazione a 5 stelle e 400 installazioni Il sito Plugin non aggiunge funzionalità di accessibilità al tuo sito, ma ti permette di verificare quanto sia accessibile il tuo sito al momento. Esegue anche un controllo automatico dell'accessibilità del vostro sito web, che è controllato dal servizio di accessibilità web Tenon.io

Caratteristiche principali di Access Monitor

  • Pianificare rapporti di accessibilità settimanali o mensili
  • Testare una serie specifica di pagine
  • Imparare a conoscere i problemi di accessibilità che possono essere definitivamente determinati dalla macchina

Il migliore WordPress Accessibilità Plugin per: Le aziende che vogliono un modo semplice e gratuito per identificare i problemi di accessibilità con un programma regolare. 

Prezzo: Access Monitor può essere scaricato gratuitamente dal repository ufficiale. 

Una nota su WordPress Plugins e Accessibilità

È importante notare che Plugins e WordPress Themes possono essere presentati da chiunque e saranno sottoposti a un controllo facoltativo dell'accessibilità durante il processo di revisione. Di conseguenza, molti WordPress Plugins non sono conformi alle Linee guida per l'accessibilità digitale - e il loro utilizzo può comportare la perdita di accessibilità del vostro sito. 

Esempi comuni di tali Plugins sono Slider- o Carousel-Plugins, che sono impostati per l'autoplay o la pausa con l'interazione della tastiera. Un altro esempio è un moduloPlugin che non ha campi correttamente etichettati. Tenendo presente questo, dovreste testare l'accessibilità del vostro sito ogni volta che installate un nuovo Plugin . 

WordPress Themes e l'accessibilità

Se andate nel repository ufficiale di WordPress e filtrate la vostra ricerca per l'accessibile Themes , troverete purtroppo che c'è solo 108 Themesche sono contrassegnati come privi di barriere architettoniche. 

WordPress -Themes

Come già detto, grazie agli sforzi del team di Make WordPress Accessible, i produttori di Theme possono presentare il loro Theme durante il processo di revisione per una revisione facoltativa dell'accessibilità. 

Per ottenere il tag "Accessibility-Ready", un Theme deve avere Linee guida per l'eAccessibilità che sono descritti nel Manuale di revisione Theme e nel manuale ufficiale WordPress Codice sono elencati. 

Sviluppo di un sito senza barriere WordPress -Pagine

Diciamocelo: la maggior parte degli utenti di WP sceglierà un premiumTheme da mercati di terze parti o un design completamente individuale. 

Se sei uno sviluppatore incaricato di creare un sito accessibile WordPress , ci sono alcuni argomenti che puoi utilizzare come punto di partenza.

Underscores

Underscores

Underscores è stato sviluppato da Automattic ed è un punto di partenza per la maggior parte delle WordPress .com disponibile all'indirizzo Themes. Il sito Theme contiene diverse funzioni senza barriere. 

Genesi di StudioPress

Genesi

Genesi di StudioPress è un popolare framework premium che può essere utilizzato per sviluppare il proprio Genesis Child-Theme In alternativa, è possibile utilizzare uno dei bambini esistenti -Themes con funzioni di accessibilità.  

GeneratePress

GeneratePress

GeneratePress è un altro popolare Theme che è accessibile e può essere utilizzato come punto di partenza per il vostro progetto.

WCAG Theme

WCAG-Theme

WCAG Theme è stato sviluppato pensando all'accessibilità ed è conforme alla Sezione 508 & WCAG 2.0 AA. Ha anche un supporto completo per la tastiera. 

Astra

Astra

Astra è un popolare Theme con versioni gratuite e premium, che è caratterizzato da un tag accessibile, la compatibilità con i popolari costruttore di pagine Plugins e tempi di carico rapidi.

Astra vi fornisce una base accessibile per il vostro sito WP e velocizza i tempi e il processo di sviluppo. 

Ulteriori risorse sull'accessibilità in WordPress

Quando si tratta di WordPress e dell'accessibilità, su Internet ci sono molte informazioni. Se volete saperne di più sull'accessibilità, qui troverete alcuni buoni posti per iniziare la vostra ricerca:

  • Rendere accessibile WordPress ThemesUna presentazione di Joseph Karr O'Connor del WordCamp 2013 di Montreal. La presentazione riguarderà l'accessibilità in generale e la sua applicazione in WordPress , compresa la creazione di widget accessibili Plugins, Themes e widget e il rendere i contenuti più accessibili.
  • WordPress Strumenti di sviluppo e accessibilità PluginsUn elenco di strumenti e risorse fornite dal Make WordPress Accessible Team per aiutarvi a testare e migliorare le funzionalità di accessibilità dei vostri siti web.
  • Fai WordPress Homepage accessibileIl blog ufficiale del Make WordPress Accessible Team, dove è possibile leggere le ultime notizie e contribuire a rendere WordPress più accessibile.
  • Strumento di valutazione dell'accessibilità del Web WAVEUtilizzate questo strumento per testare l'accessibilità del vostro sito. Dopo una scansione, lo strumento vi mostrerà i problemi che dovete risolvere per rispettare le Linee guida per l'accessibilità. 
  • ForteSe state iniziando a creare il vostro sito web in Sketch o Adobe XD, questo Plugin vi aiuterà a garantire che i progetti del vostro sito web siano accessibili fin dall'inizio. 
  • Accessibilità Ruota dei coloriQuesto strumento permette di scegliere colori che abbiano un contrasto sufficiente e che siano conformi alle linee guida sull'accessibilità. Potete anche vedere come le persone che soffrono di daltonismo vedranno i colori che scegliete. 
  • Estensione Axe Chrome ExtensionSe si utilizza Chrome, questa estensione consente di controllare qualsiasi sito web per problemi di accessibilità con un solo clic.
  • La macchina A11yÈ possibile scaricare la macchina A11y da GitHub. Questo strumento serve come strumento di test di accessibilità automatizzato. In altre parole, è possibile utilizzarlo per testare l'accessibilità di qualsiasi sito web. Lo strumento genera quindi un rapporto dettagliato che potete utilizzare per migliorare l'accessibilità del vostro sito web.

Conclusione: come garantire l'accessibilità del vostro sito WP

WordPress come piattaforma vi offre già alcune caratteristiche di accessibilità fuori dagli schemi - ma non è ancora completamente priva di barriere. Se volete sviluppare siti web accessibili con WordPress , ci sono alcune cose da considerare: 

  • Seguire le linee guida ufficiali per l'accessibilità dei contenuti web e le linee guida per l'accessibilità del sito WordPress , che sono riportate nel Manuale di revisione del sito Theme . 
  • Iniziate con un accessibile WordPress Theme per ridurre i tempi di sviluppo e creare una solida base per un sito web accessibile. 
  • Utilizzate WordPress Accessibilità Plugins e gli strumenti per testare il vostro sito web finito e assicurarvi che sia accessibile a tutti.

Se seguirete i suggerimenti di cui sopra, sarete sulla buona strada per creare siti web accessibili e rendere Internet più facile da usare e accessibile a tutti. E se avete bisogno di un hosting veloce e sicuro WordPress per tutti i siti web accessibili che state per creare, non esitate a versione di prova gratuita di RAIDBOXES per registrarsi. 

Le vostre domande: WordPress Accessibilità e siti web senza barriere

Quali sono le domande per Maddy? Sentitevi liberi di usare la funzione di commento. Volete altri consigli sul web design e lo sviluppo? Poi seguiteci su TwitterFacebook o nella nostra Newsletter.

Schermata dei contributi: Unsplash

Maddy Osman è una SEO Content Strategist. Lavora con clienti selezionati nella WordPress e area webhosting. Attraverso il suo background nel web design e WordPress ha una profonda conoscenza del SEO - e sa esattamente come collegare i marchi con i contenuti rilevanti per il SEO.

Articoli correlati

Commenti su questo articolo

Scrivi un commento

Il tuo indirizzo mail non sarà pubblicato. I campi obbligatori sono contrassegnati con * marcato.