Introduzione all'accessibilità: Parte 3

Nel primo articolo della nostra panoramica sull'accessibilità, abbiamo discusso degli standard per cui un sito è percepibile. Nel prossimo, abbiamo parlato dei requisiti per l'operatività di un sito. Per l'ultimo articolo della nostra panoramica sull'accessibilità, tratteremo gli ultimi due principi dei siti Web accessibili: comprensibile e robusto. Comprensibile, in apparenza, suona abbastanza autoesplicativo. Ma robusto? Che diavolo significa? Questo è ciò che siamo qui per scoprire.

Cominciamo con comprensibile.

Comprensibile

Gli standard affermano: "Le informazioni e il funzionamento dell'interfaccia utente devono essere comprensibili". Dal punto di vista del contenuto, sembra un "beh, ovviamente (alza gli occhi al cielo)" e avresti ragione. Il principio per cui un sito è comprensibile dovrebbe essere un concetto chiaro, ma come un iceberg, cosa c'è in superficie e cosa c'è sotto sono due cose completamente diverse.

Affinché un sito sia comprensibile, deve coprire tre punti principali: essere leggibile, prevedibile e, quando è coinvolto l'input dell'utente, fornire assistenza. Un utente deve essere in grado di leggere i tuoi contenuti da un punto di vista linguistico, fare in modo che il sito si comporti in modo prevedibile (il modo in cui si comportano "la maggior parte" dei siti Web) e ricevere indicazioni di base quando gli viene chiesto di fornire input (pensa alle etichette su un contatto modulo).

La lingua è una parte importante degli standard di comprensibilità. A livello di base, ciò significa utilizzare l'attributo lang sul tuo elemento HTML principale. I temi WordPress dovrebbero farlo per impostazione predefinita. L'attributo lang è uno standard di livello A, il che significa che è richiesto dalla legge Sezione 508. Se il tuo tema non lo fa, è probabile che ti imbatti in molti altri problemi di accessibilità. Di conseguenza, potresti prendere seriamente in considerazione un altro tema.

Uno degli aspetti più seri di un sito comprensibile è ciò che accade quando viene applicata la messa a fuoco. Abbiamo discusso molto del focus durante l'ultimo articolo di questa serie, ma è necessario affrontarlo di nuovo. Quando un elemento diventa attivo, il contesto di quell'elemento non dovrebbe cambiare. Questo è un modo scientifico per dire che un pulsante non deve essere attivato semplicemente applicando lo stato attivo. Mettiti nei panni di una persona che naviga con la tastiera. Premi il tasto Tab per passare al collegamento successivo e all'improvviso viene caricata una nuova pagina. Capiresti cosa sta succedendo?

Introduzione all'accessibilità: Parte 1

Accessibilità è un termine che continui a sentire, ma potresti non comprendere appieno. Ciò è in parte dovuto al fatto che la parola stessa può creare un po' di confusione. La radice, accesso, fa sembrare il concetto legato a cose come...

Lo standard di comprensibilità, in particolare il suo aspetto di prevedibilità, è il motivo per cui i comportamenti previsti dei pulsanti sono così importanti. Un utente non deve inviare un modulo finché non attiva (clicca o premi il tasto Invio) il pulsante. Il semplice passaggio del mouse su di esso o il passaggio di tabulazioni su di esso non dovrebbero modificare nient'altro che applicare un passaggio del mouse o una modifica dello stato CSS del focus.

Un altro elemento chiave della prevedibilità riguarda il design del tuo sito. Cose come gli stati al passaggio del mouse e di messa a fuoco dovrebbero essere coerenti in tutto il sito. Ciò consente agli utenti, in particolare a quelli con problemi visivi, di vedere i cambiamenti di stato in modo più efficace. Potrebbero non essere in grado di leggere subito il testo del pulsante, ma notando un cambiamento nel contrasto del colore, sapranno di essersi spostati o di essersi concentrati sull'elemento. Questo non è solo un buon design, è una buona accessibilità.

È importante notare a questo punto che molti degli standard di comprensibilità sono di livello AAA. Sebbene non siano obbligatorie per legge, ciò non significa che non debbano essere presi in considerazione. Ad esempio, prendi lo standard 3.1.5 – Il livello di lettura opera su una scala mobile a seconda del tuo pubblico di destinazione. Tale standard fa riferimento a un livello di lettura della scuola secondaria inferiore. Ciò equivale a circa un livello di lettura di 6a elementare, lo standard per la maggior parte dei giornali americani moderni, ma nemmeno i giornali seguono questo standard a seconda dell'argomento.

Quando scrivi per il web, devi tenere a mente i tuoi consumatori. Se il tuo obiettivo sono i ricercatori che lavorano ai loro dottorati, il tuo contenuto dovrebbe essere di un livello simile. Ma se stai scrivendo per il grande pubblico, ti consigliamo di considerare qualcosa come la scala di lettura Flesch-Kincaid. Se utilizzi il plug-in Yoast SEO per il tuo sito WordPress, il test della scala Flesch è integrato. Ti fornirà un'analisi, valutando la voce passiva, le parole di transizione e la lunghezza delle tue frasi. Ancora una volta, tieni a mente il tuo pubblico di destinazione. Il controllo Yoast presuppone che tu stia scrivendo per un pubblico generico. Il tuo obiettivo non dovrebbe essere un segno di spunta verde da Yoast, ma contenuti di qualità per il tuo pubblico.

L'ultima parte fondamentale della comprensibilità è l'assistenza all'input. Come minimo, questo significa due cose: messaggi di errore di testo ed etichette sugli input del modulo. Agli utenti deve essere detto a cosa serve ogni input del modulo e notificato con un testo se si verifica un errore. Questi sono i due livelli A, richiesti dagli standard di legge. Se stai utilizzando uno dei plugin di moduli popolari come Gravity Forms o Caldera Forms, sei già coperto dalla parte dei messaggi di errore per i campi semplici. Dovrai comunque assicurarti che i tuoi elementi siano etichettati. L'etichettatura corretta è interamente un argomento a parte, ma per ora assicurati solo di fornire istruzioni sensate ("Nome" per il campo del nome, "E-mail" per un campo e-mail).

Robusto

Introduzione all'accessibilità: Parte 2

Nel primo articolo della nostra panoramica sull'accessibilità, abbiamo discusso degli standard per cui un sito è percepibile. Questo primo passo essenziale è cruciale, ma è lontano dall'intero quadro. Una volta che abbiamo ma...

Il principio finale dell'accessibilità è se un sito/un pezzo di contenuto digitale è solido o meno. In particolare, "il contenuto deve essere sufficientemente robusto da poter essere interpretato in modo affidabile da un'ampia varietà di programmi utente, comprese le tecnologie assistive". In breve: assicurati che funzioni, indipendentemente dalla tecnologia. Ci sono solo due standard che coinvolgono un sito robusto, ed entrambi sono di livello A, richiesti dalla legge Sezione 508.

Un sito robusto è uno che segue gli standard HTML. Gli elementi sono completamente formati e chiusi quando necessario. Se apri un tag <p> , chiudilo al termine del paragrafo. È un altro esempio di "beh, ovviamente", ma gli errori accadono. Esegui il tuo sito tramite un servizio di convalida HTML prima di andare online. Il W3C fornisce un servizio gratuito. Usalo, correggi i tuoi errori e sarai a posto.

L'altro aspetto di un sito robusto è dove WAI-ARIA (Web Accessible Initiative – Accessible Rich Internet Applications) o ARIA entrano veramente in gioco. ARIA è un argomento a parte, ma in breve dovresti usarlo solo quando richiesto. Alcune istanze etichettano un elemento del modulo con ARIA quando l'etichetta del modulo è altrimenti invisibile. In questo modo sarai anche coperto per quanto riguarda l'assistenza all'input della comprensibilità, a seconda di come viene etichettato l'elemento del modulo.

Conclusione

L'accessibilità al Web sembra essere un argomento complesso in superficie. In un certo senso lo è, ma spesso le soluzioni sono semplici. Avere un sito accessibile significa averne uno che possa essere apprezzato da ogni potenziale utente. Da un punto di vista aziendale, questo approfondisce il tuo potenziale pool di clienti. Ancora più importante, dal punto di vista umano, non stai escludendo nessuno.

Nei prossimi mesi, approfondirò alcuni degli argomenti che abbiamo introdotto in questa serie di panoramiche. Fino ad allora, rivedi gli standard e rivedi i tuoi siti. Fai un elenco di ciò che deve essere corretto e assegna la priorità in base al livello standard (A, AA o AAA). Se non riesci a risolverlo da solo, assumi un consulente per l'accessibilità. Vorrebbero aiutarti a migliorare Internet per tutti i tuoi potenziali utenti.