Come rendere le tue esperienze post clic accessibili a tutti seguendo gli standard di conformità ADA e WCAG

Quando creano landing page post clic, quanti inserzionisti pensano all'accessibilità del web?

Se è la prima volta che pensi all'accessibilità, è probabile che tu abbia già perso conversioni. Il fatto è che un utente online su cinque ha bisogno di sistemazioni per utilizzare una pagina web. Queste statistiche del CDC e della Epilepsy Foundation sottolineano la necessità che le landing page post clic siano accessibili a tutti:

Assicurarti che le tue pagine post clic siano conformi ad ADA e WCAG è il modo per garantire l'accessibilità a tutti.

Nel post di oggi, esploriamo cosa comportano la conformità ad ADA e WCAG e perché è importante che gli inserzionisti implementino questi standard di accessibilità sulle loro pagine.

Cosa comporta la conformità ADA online?

L'American with Disabilities Act (ADA) è stato istituito nel 1990 nel tentativo di porre fine alla discriminazione basata su abilità diverse. I requisiti specifici per soddisfare la conformità tendono ad essere un po' vaghi e confusi poiché l'ADA non affronta esplicitamente la conformità online.

Tuttavia, è possibile consultare le linee guida più complete per la creazione e il mantenimento di siti Web accessibili come guida: le Linee guida per l'accessibilità dei contenuti Web (WCAG), pubblicate dal W3C.

Cos'è il WCAG?

Le WCAG sono linee guida che assicurano che ogni pagina web sia accessibile a persone con una vasta gamma di capacità uditive, motorie, visive e cognitive.

L'accessibilità al Web include la creazione di siti Web, strumenti e tecnologie in modo che le persone con disabilità possano utilizzarli. Più specificamente, i visitatori possono percepire, comprendere, navigare e interagire con una pagina e contribuire alla pagina.

Il WCAG ha tre versioni:

• WCAG 1.0 è stato redatto nel 1999
• WCAG 2.0 è stato pubblicato nel 2008
• WCAG 2.1 è stato creato nel giugno 2018

La versione 2.1 include 17 nuovi criteri di successo (più su quello sotto) di cui i problemi di accessibilità sono classificati in quattro gruppi distinti secondo le linee guida WCAG. Questi problemi possono essere riassunti con l'acronimo POUR:

• Percepibile: tutti gli utenti possono percepire il contenuto della pagina?
• Operabile: tutti gli utenti possono interagire con la pagina?
• Comprensibile: tutti gli utenti possono comprendere il contenuto della pagina?
• Robusto: il contenuto può essere interpretato da un'ampia varietà di programmi e dispositivi, inclusi gli screen reader?

Le linee guida WCAG suddividono i problemi di accessibilità e le raccomandazioni in tre livelli:

• Livello A: questo è il livello più urgente e include problemi che possono limitare gravemente la capacità di un visitatore disabile di navigare o utilizzare la pagina.
• Livello AA: il livello è considerato lo standard per la maggior parte dei siti web commerciali. Affronta le aree in cui è necessario migliorare per offrire agli utenti disabili l'esperienza completa di una pagina web.
• Livello AAA: questo è lo standard più elevato, include la messa a punto di problemi che affrontano sia il livello A che AAA. Tuttavia, la conformità AAA è probabilmente oltre la portata della maggior parte delle pagine web.

Come puoi rendere accessibili le tue pagine di destinazione post clic?

Ecco nove modi per assicurarti che le tue pagine post clic soddisfino gli standard di accessibilità:

1. Rendi la tua pagina compatibile con la tastiera: i visitatori dovrebbero essere in grado di navigare nella pagina dopo il clic anche se non dispongono di un mouse, utilizzando solo il tasto "Tab" della tastiera. Ciò aiuta il pubblico che utilizza le tecnologie assistive a navigare e scorrere la pagina e fare clic sul pulsante CTA.

2. Rendi accessibile tutto il contenuto: molte pagine post clic utilizzano contenuto dinamico, contenuto che cambia in base a tag predeterminati. Questo può diventare un problema se la pagina non informa gli strumenti di assistenza della modifica poiché molti lettori di schermo "leggeranno" solo il contenuto della pagina così come appare al primo caricamento. Quando si utilizza contenuto dinamico, assicurarsi di contrassegnare il contenuto dinamico come un'area attiva, in questo modo gli screen reader e dispositivi simili possono comprendere il contenuto mentre cambia.

3. Includi testo alternativo con tutte le immagini: l' aggiunta di testo alternativo alle immagini garantisce che il testo venga visualizzato in sostituzione dell'immagine se non viene caricata, descrivendo e fornendo contesto sull'immagine.

4. Aggiungi contrasto alla pagina: questo è un passaggio necessario per assicurarti che la copia e tutti gli elementi della pagina si distinguano dallo sfondo e siano visibili agli utenti con disabilità visive. Idealmente, dovresti impostare un colore scuro contro uno chiaro, assicurandoti che non si fondano l'uno nell'altro:

5. Usa le intestazioni per strutturare il contenuto: H1, H2 e H3 aiutano a strutturare la tua copia e facilitano l'interpretazione per gli utenti.

6. Etichetta campi modulo: conferma che ogni campo modulo sulla tua pagina sia chiaramente etichettato in quanto ciò consente a un utente con uno screen reader di capire come può compilare il modulo. La pagina Ampiezza presenta campi modulo etichettati:

7. Crea pagine responsive: le pagine responsive riformattano e ristrutturano su qualsiasi dispositivo indipendentemente dalle dimensioni dello schermo. Le pagine si ridimensionano dagli schermi più piccoli di cellulari, tablet e piccoli laptop, allo schermo desktop standard e ai monitor widescreen ancora più grandi, il tutto offrendo flessibilità e grande usabilità per gli utenti su tutti i dispositivi.

8. Evita la riproduzione automatica di media e dispositivi di scorrimento: la riproduzione automatica dei video può frustrare gli utenti che utilizzano i lettori di schermo in quanto può essere difficile silenziarli o metterli in pausa. Allo stesso modo, slider e caroselli possono causare problemi di comprensione agli utenti.

9. Crea una copia accessibile: evita gli acronimi e il gergo tecnico in modo che tutti gli utenti capiscano cosa offri.

Come puoi verificare se la tua pagina è conforme ad ADA e WCAG?

Molte risorse online ti consentono di verificare se la tua pagina è conforme. Tutto ciò che serve è inserire l'URL e il tuo indirizzo email.

Ufficio per l'accessibilità di Internet

BOIA consente agli inserzionisti di verificare se le loro pagine sono conformi agli standard di accessibilità:

AudioEye

AudioEye scansiona la tua pagina gratuitamente e vede come si comporta in termini di accessibilità:

Miglioramento del sito

Siteimprove controlla l'accessibilità della tua pagina e fornisce test automatizzati che aderiscono agli standard WCAG:

Puoi anche scaricare le seguenti estensioni di Chrome per verificare l'accessibilità.

Strumento di valutazione delle onde

Lo strumento di valutazione Wave fornisce un feedback visivo sull'accessibilità dei tuoi contenuti web inserendo icone e indicatori nella tua pagina. Facilita la valutazione umana ed educa sui problemi di accessibilità. Lo strumento fornisce dettagli su una serie di problemi, elementi strutturali, errori di contrasto, avvisi e testo alternativo:

UserWay

Gli inserzionisti possono scaricare il widget UserWay per valutare le soluzioni di accessibilità delle pagine senza effettuare il refactoring del codice esistente, garantendo un quadro completo di conformità legale e normativa che copra ADA, Sezione 508 e WCAG 2.1 AA.

Il widget è disponibile per tutte le principali piattaforme CMS e per i semplici siti HTML/CSS/JS. Lo strumento offre funzionalità di accessibilità critiche e un'ampia selezione di funzioni che gli utenti possono combinare per soddisfare le loro esigenze di accessibilità individuali:

Round Table Pizza presenta il widget UserWay per garantire l'accessibilità. Prima, con la riga guida alla lettura, poi invertendo i colori sullo schermo:

ChromeVox

ChromeVox è uno screen reader che offre la velocità, la semplicità e la sicurezza dei Chromebook agli utenti con disabilità visive. ChromeVox è preinstallato sui Chromebook, ma può essere scaricato come estensione.

L'estensione evidenzia ogni sezione della pagina e la legge ad alta voce per l'utente:

Cosa puoi fare in Instapage per soddisfare la conformità

Instapage consiglia e facilita a tutti gli utenti di aderire agli standard di accessibilità del sito Web e creare pagine su misura per tutti i tipi di pubblico. Ciò comprende:

• Fornire agli utenti un modo semplice per aggiungere testi alternativi alle immagini di tutte le pagine
• Rendere accessibile la tastiera delle pagine
• Consentire agli screen reader di riconoscere tutti gli input del modulo e il pulsante di invio
• Aggiunta di tag HTML appropriati
• Aggiunta dell'attributo della lingua alle pagine inviando una richiesta al team di supporto

Stabilire la lingua di una pagina con l'attributo lang è un requisito delle WCAG e, in tal modo, avvantaggia l'utente in due modi:

1. consente ai servizi di traduzione come Google Chrome di funzionare correttamente
2. l'attributo dice agli screen reader come pronunciare correttamente il contenuto della pagina

Rendi le tue pagine post clic accessibili a tutti

Per garantire che tutti gli utenti che visitano le tue pagine post clic abbiano pari opportunità di conversione, è importante che le pagine siano accessibili a tutti.

Per saperne di più sulla creazione di landing page accessibili e personalizzate su larga scala, richiedi oggi stesso una demo di Instapage Enterprise.