ArticoloLa guida per principianti all'accessibilità del Web

Pubblicato: 2022-08-12

L'accessibilità al Web è stata molto nelle notizie ultimamente. Più di recente, un caso che coinvolge Domino's Pizza ha il potenziale per arrivare fino alla Corte Suprema in quella che potrebbe essere una decisione fondamentale che plasmerà il futuro dell'accessibilità al web.

I siti web accessibili sono semplicemente quei siti che le persone con disabilità possono percepire, far funzionare e comprendere. Funzionano bene con tecnologie assistive come lettori di schermo, forniscono mezzi alternativi per altri problemi e consentono la navigazione utilizzando dispositivi diversi dal mouse.

Un sito inaccessibile esclude una potenziale base di clienti e aumenta le possibilità di un'azione legale ai sensi del Titolo III dell'ADA. E può danneggiare le classifiche di ricerca, ne parleremo più avanti.

Circa una persona su otto negli Stati Uniti ha una disabilità. Se la definizione viene ampliata per includere coloro che sono moderatamente disabili, quel numero salta a quasi uno su cinque.

L'incapacità di accogliere un pubblico così ampio limita l'impatto positivo che un sito Web può avere sulla tua attività, per non parlare della capacità del tuo marchio di entrare in risonanza con le persone e ispirare convinzione. Costruire un sito web accessibile che sia utilizzabile dal maggior numero di browser e dal maggior numero di persone possibile può aiutare la tua azienda, ma è anche semplicemente la cosa giusta da fare.

Lo scopo di questa guida è aiutarti a comprendere l'accessibilità al web in modo da poter far crescere il tuo marchio e servire meglio gli ospiti del tuo sito web, perché è esattamente quello che sono. Non visitatori; non clienti; ma ospiti che contano su di te per aiutarli a trovare le informazioni che cercano. In questa guida tratteremo quanto segue:

  1. Che cos'è l'accessibilità al Web?
  2. Vantaggi dell'accessibilità
  3. Regolamento per l'accessibilità
  4. Standard di accessibilità
  5. Test di accessibilità: automatizzato vs. umano
  6. Rischi di non conformità
  7. Autovalutazione dell'accessibilità
  8. Esperti e risorse utili

Quando avremo finito, avrai una chiara comprensione di tutto ciò che riguarda l'accessibilità al web e l'accesso ad alcune risorse rilevanti per aiutarti a fare la tua valutazione del sito web. Immergiamoci!

Che cos'è l'accessibilità al Web?

Iniziamo definendo l'accessibilità. Secondo il W3C (World Wide Web Consortium), “Accessibilità al Web significa che le persone con disabilità possono utilizzare il Web. Più specificamente, l'accessibilità al Web significa che le persone con disabilità possono percepire, comprendere, navigare e interagire con il Web e che possono contribuire al Web. L'accessibilità al Web avvantaggia anche gli altri, comprese le persone anziane con capacità mutevoli dovute all'invecchiamento".

Quando creiamo siti Web su BrandExtract, testiamo ogni versione del browser utilizzata da oltre l'1% del pubblico dei nostri clienti. Ha senso che un sito Web sia utilizzabile nel maggior numero possibile di browser, quindi non escludiamo potenziali clienti, partner o dipendenti. Anche se incide sul costo totale dei loro siti Web, non abbiamo mai dovuto convincere nessuno che si trattasse di uno sforzo utile.

Gli esseri umani meritano la stessa, se non di più, considerazione dei browser web.

La prima cosa che tendiamo a considerare quando discutiamo dell'accessibilità al web è l'usabilità del sito per i visitatori ipovedenti, ma la disabilità visiva è solo una categoria di disabilità. I disturbi uditivi, fisici e cognitivi sono ugualmente importanti e devono essere affrontati in modi diversi.

Le persone con queste disabilità possono utilizzare una varietà di dispositivi di assistenza per navigare più facilmente sul Web. I siti Web accessibili sono semplicemente quelli che funzionano bene con questi dispositivi di assistenza e si sforzano di offrire un'esperienza utente che riduca al minimo la necessità di dispositivi di assistenza in primo luogo.

Vantaggi dell'accessibilità

Una buona pianificazione è la chiave per creare siti Web utilizzabili e di alta qualità. Richiede premura e buoni processi. La pianificazione della tua esperienza utente e del lavoro di progettazione attorno all'accessibilità aumenta il livello di dettaglio nel tuo lavoro. Una maggiore diligenza garantisce che il tuo sito Web funzioni bene sia per gli esseri umani che per i robot.

Gli stessi dettagli che possono informare uno screen reader o altre tecnologie assistive sono utili anche per i robot dei motori di ricerca che scansionano e indicizzano il tuo sito. Secondo Google Webmaster Central Blog, i siti accessibili sono più facilmente indicizzati dai motori di ricerca di Google, il che può portare a corrispondenze migliori e classifiche più elevate. Google ha sottolineato questo fatto per più di un decennio.

Molte delle cose che facciamo per rendere un sito web più accessibile agli utenti con disabilità aiutano anche altri utenti. Caratteri più grandi, migliore contrasto e molti altri principi fondamentali di accessibilità rendono un sito più fruibile per tutti.

Regolamento per l'accessibilità

Disclaimer rapido: non sono un avvocato. Le decisioni che prendi per implementare qualcosa di meno della piena conformità con tutte le normative descritte di seguito (e quelle omesse) comportano dei rischi e dovrebbero coinvolgere il tuo team legale. Sono adeguatamente qualificati per valutare il rischio e le conseguenze del mancato rispetto di tali norme. "Potresti essere citato in giudizio" non è solo una tattica di vendita spaventosa.

Le norme sull'accessibilità variano in base al paese. Eccone alcuni che devi conoscere.

stati Uniti

Negli Stati Uniti, dovresti conoscere l'Americans with Disabilities Act del 1990, Amended (ADA), la sezione 255 del Telecommunications Act del 1996, l'Air Carrier Access Act del 1986 e il 21st Century Communications and Video Accessibility Act del 2010 (CVAA).

Governo degli Stati Uniti

Se stai creando un sito Web per un'agenzia governativa degli Stati Uniti o un'entità che riceve finanziamenti dal governo, devi anche essere a conoscenza della Sezione 504 dello US Rehabilitation Act del 1973 e della Sezione 508 degli stessi Stati Uniti Riabilitazione atto di1973 .

Unione europea

Se risiedi o svolgi un'attività significativa nell'Unione Europea (UE), tu bisogno essere a conoscenza della proposta di legge europea sull'accessibilità e possibilmente della direttiva sull'accessibilità del Web e dei dispositivi mobili. Alcuni paesi membri dell'UE avranno regolamenti aggiuntivi. Il Regno Unito, ad esempio, ha l'Equality Act del 2010.

Canada

E se fai affari in Canada, assicurati di essere a conoscenza del Canadian Human Rights Act e della Policy on Communications and Federal Identity. Anche molti altri paesi hanno le proprie normative individuali.

È del tutto naturale sentirsi sopraffatti. Nessun individuo o piccola azienda potrebbe possibilmente tenere il passo con tutte le normative a meno che questo non sia il loro obiettivo principale. Fortunatamente, ci sono organismi di standardizzazione, linee guida ed esperti che ci aiutano a farlo bene.

Standard di accessibilità

La maggior parte delle normative si basa sugli standard WCAG 1.0 e WCAG 2.0 come linee guida per la creazione di siti Web accessibili. Entrambi questi standard sono costruiti e mantenuti dal Web Content Accessibility Guidelines Working Group, un consorzio di sviluppatori web ed esperti invitati da una varietà di aziende e organizzazioni.

Il gruppo di lavoro WCAG è uno dei tanti gruppi di lavoro nell'ambito del W3C (World Wide Web Consortium). Il W3C è la comunità degli standard internazionali responsabile di HTML, CSS e molte altre tecnologie da cui dipende il web.

Le WCAG 1.0 e 2.0 ti guideranno in gran parte nello stesso posto, ma le WCAG 2.0 hanno euristiche più facilmente misurabili. Un sito Web conforme alle WCAG 1.0 sarà probabilmente conforme alle WCAG 2.0. Tutti i siti conformi alle WCAG 2.0 saranno conformi alle WCAG 1.0. La differenza tra i due sta nel modo in cui organizzano le linee guida. Citando il sito web del W3C:

Le WCAG 1.0 sono organizzate attorno a linee guida che hanno checkpoint, che hanno priorità 1, 2 o 3. La base per determinare la conformità alle WCAG 1.0 sono i checkpoint.

Le WCAG 2.0 sono organizzate attorno a quattro principi di progettazione dell'accessibilità al Web. Ogni principio ha linee guida e ogni linea guida ha criteri di successo verificabili a livello A, AA o AAA. La base per determinare la conformità alle WCAG 2.0 sono i criteri di successo.

WCAG è uno standard in evoluzione. Le WCAG 2.1 hanno raggiunto lo stato di raccomandazione dei candidati e potrebbero essere adottate in qualsiasi nuova legislazione già nell'estate del 2018. Le WCAG 2.1 sono aggiuntive rispetto alle WCAG 2.0. In altre parole, un sito conforme a 2.1 sarà conforme a 2.0 e 1.0, quindi ha senso puntare alle WCAG 2.1 in qualsiasi nuova iniziativa.

Analizziamo la gerarchia delle WCAG 2.1. I quattro principi di progettazione fondamentali enunciati sono:

  • Le informazioni ei componenti dell'interfaccia utente devono essere presentati in un modo che possano essere percepiti.
  • I componenti dell'interfaccia utente e la navigazione devono essere utilizzabili.
  • Le informazioni e il funzionamento dell'interfaccia utente devono essere comprensibili.
  • Il contenuto deve essere sufficientemente robusto da poter essere interpretato in modo affidabile da un'ampia varietà di programmi utente, comprese le tecnologie assistive.

All'interno di ciascuno di questi principi ci sono una serie di linee guida. Ad esempio, subordinata al primo principio troveremo la seguente linea guida:

  • Crea contenuti che possono essere presentati in diversi modi (ad esempio layout semplice) senza perdere informazioni o struttura.

Subordinati a tale linea guida troviamo questi criteri di successo:

  • Le informazioni, la struttura e le relazioni trasmesse attraverso la presentazione possono essere determinate programmaticamente o sono disponibili nel testo.
  • Quando la sequenza in cui viene presentato il contenuto ne influenza il significato, una sequenza di lettura corretta può essere determinata programmaticamente.
  • Le istruzioni fornite per la comprensione e il contenuto operativo non si basano esclusivamente sulle caratteristiche sensoriali dei componenti come forma, dimensione, posizione visiva, orientamento o suono.
  • Il significato di ciascun campo di input che raccoglie informazioni sull'utente può essere determinato a livello di codice quando:
    1. Il campo di input ha un significato che corrisponde ai nomi dei campi di riempimento automatico HTML 5.2; e
    2. Il contenuto è implementato utilizzando tecnologie con supporto per identificare il significato atteso dei dati di input del modulo.
  • Nel contenuto implementato utilizzando linguaggi di markup, lo scopo dei componenti dell'interfaccia utente, delle icone e delle aree può essere determinato a livello di codice.

Ogni principio ha una o più linee guida e ciascuna di queste linee guida ha uno o più criteri di successo. L'attuale bozza delle WCAG 2.1 ha quattro principi, quattordici linee guida e settantotto criteri di successo. Un sito Web deve essere verificato rispetto a tutti questi criteri per garantire la conformità allo standard e la maggior parte di questi criteri implica test multipli.

Ma aspetta, c'è di più. Ciascuno del successo criterio ha tre livelli di conformità: A, AA e AAA. I livelli, come spiegato dal sito web Section508.gov, sono i seguenti:

Livello A (minimo)

Affronta le funzionalità di accessibilità web più basilari, ma generalmente non raggiunge un'ampia accessibilità

Livello AA (medio raggio)

Affronta le barriere più comuni per gli utenti disabili e si allinea agli standard 508 rivisti

Livello AAA (il più alto)

Riguarda il più alto livello di accessibilità al web, ma non è raccomandato come politica generale, perché non è possibile soddisfare tutti i criteri per alcuni contenuti.

Scegli con attenzione quale livello di conformità vuoi raggiungere con un sito web perché avrà un impatto significativo sulla pianificazione e sul budget.

Test di accessibilità: automatizzato vs. umano

Esistono strumenti gratuiti e servizi online che eseguiranno un test automatico di una singola pagina Web o anche di interi siti. Gli strumenti possono essere plug-in del browser, applicazioni desktop autonome, servizi self-hosted, servizi online gratuiti e test automatici commerciali (a pagamento).

I nostri strumenti automatizzati preferiti sono:

  • tenon.io - Tenon è SaaS che può eseguire ricerche su richiesta tramite il browser o un'API. Il prezzo dipende dal numero di richieste API (scansioni) che devi eseguire. È estremamente ben documentato e può essere facilmente incorporato in SAM, il CMS di BrandExtract.
  • AATT (Automated Accessibility Testing Tool) di Paypal - AATT è un'applicazione node.js che viene eseguita come servizio. Può eseguire la scansione di singole pagine o interi siti e può essere configurato in modo da poter accedere a pagine Web non pubbliche (protette da password). Le richieste di scansione possono essere inviate tramite un'API con le risposte restituite in un formato JSON facilmente analizzabile. AATT è anche facilmente integrabile con SAM.
  • ascia Strumenti per sviluppatori di Dequeue Systems - ax è disponibile in un plug-in del browser sia per Chrome che per Firefox. Estende gli strumenti di sviluppo integrati nei browser e crea un report piacevole e facilmente analizzabile con consigli chiari.

Questi strumenti sono veloci e facili da usare ma non sono una panacea. Molte delle linee guida presentate nei documenti WCAG sono formulate in modi che richiedono un'attenta analisi e valutazione. Il modo in cui tali linee guida si applicano a design unici può essere soggettivo. Perché sono formulati in modo vago? Queste linee guida devono essere a prova di futuro.

Poiché il web e le relative tecnologie sono un mezzo in evoluzione, le linee guida dovevano essere applicabili a tecnologie, dispositivi e interfacce che devono ancora essere inventati.

Inoltre, gli strumenti di test automatizzati semplicemente non possono percepire l'esperienza dell'utente allo stesso modo di un essere umano. Ci sono parametri con cui puoi lavorare per fare un ottimo lavoro, ad esempio se i caratteri soddisfano o meno una dimensione minima e criteri di contrasto. Ma ci sono molte altre variabili che sono più difficili da misurare. Ad esempio, il significato di un diagramma è adeguatamente veicolato nel testo?)

È qui che entrano in gioco gli esseri umani. Il test umano di un sito Web è un processo deliberato e rigoroso che può richiedere centinaia di ore. Ma è fondamentale per creare empatia tra il tuo pubblico e il tuo marchio.

In uno scenario perfetto, i test dovrebbero essere eseguiti con utenti che hanno le stesse menomazioni che stai affrontando e l'esperienza per sapere cosa è giusto e cosa è sbagliato in un sito web.

L'unico modo pratico per trovare un team di questi esperti è esternalizzare a una terza parte rispettabile specializzata in test di accessibilità. Assumere persone per testare l'accessibilità di un sito Web può essere molto costoso. Potresti scoprire che far testare agli esseri umani solo le pagine interattive più complesse è un compromesso conveniente.

Rischi di non conformità

Tutti noi vogliamo credere che costruiremo siti web inclusivi semplicemente perché è la cosa giusta da fare. Ma la verità è che a volte le nostre buone intenzioni supereranno i nostri portafogli. Perché un'azienda dovrebbe spendere migliaia di dollari per rendere accessibile il proprio sito web?

Uno dei motivi è ridurre al minimo il rischio. Anche se non fornisci servizi diretti ai consumatori, potresti comunque essere a rischio di essere trovato in violazione di una o più normative.

Prendi in considerazione gli utenti che cercano lavoro all'interno della tua organizzazione ma sono esclusi perché il tuo database di lavoro online non è accessibile. E gli investitori che non hanno accesso ai dati finanziari della tua azienda? Quando accadono queste cose puoi essere trovato in violazione delle normative.

Non ci sono enti governativi che trascorrono il loro tempo navigando sul web, controllando i siti e cercando siti web che non soddisfano le linee guida sull'accessibilità del web. Non ci sono ispettori che "firmano" quando il tuo sito Web è pronto per essere pubblicato.

Spetta interamente alla tua organizzazione assicurarsi che il lavoro sia svolto bene. Sei responsabile della scelta di un partner che prenda sul serio l'accessibilità al web e abbia le risorse, interne o esterne, per assicurarsi che il lavoro sia svolto correttamente.

È difficile quantificare la probabilità di essere citati in giudizio e i costi conseguenti, ma anche le azioni legali infondate che vengono prontamente archiviate possono costare a un'azienda molte migliaia di dollari in spese legali. E se è evidente che hai fatto sforzi insufficienti per rendere accessibile il tuo sito web, probabilmente perderai (o sarai costretto ad accontentarti).

Nel 2016 sono state intentate più di 260 cause legali per l'accessibilità del web e i numeri sono stati significativamente più alti nel 2017. Ciò non include quei casi che sono stati risolti senza avviare un contenzioso. Parla con i tuoi avvocati per avere un'idea reale delle possibilità, ma sappi che il rischio è reale.

Se sei interessato a saperne di più sui rischi della non conformità, ti consiglio vivamente questo post sul blog di Karl Groves. È una visione equilibrata, sostenuta da numeri reali. Tieni presente che è stato scritto un paio di anni fa e il panorama è cambiato con il numero di cause intentate.

Autovalutazione dell'accessibilità

Si spera che a questo punto tu abbia una buona conoscenza del tema dell'usabilità. Ma è del tutto naturale sentirsi sopraffatti. Apportare piccoli miglioramenti è un buon inizio per ridurre i rischi e i potenziali danni derivanti da azioni legali. Ecco alcuni passaggi che puoi eseguire:

Valuta il tuo rischio

Consulta il tuo team legale e calcola (come meglio puoi) i tuoi rischi. Invitali a cercare documenti pubblici per contenziosi in corso e recenti in quest'area. Le tendenze stanno salendo? Quale percentuale ha successo? Sembra che il tuo settore stia registrando più attività? Quanto potrebbe costare una causa alla tua organizzazione, sia in dollari che in impatto negativo sul tuo marchio? E il mancato guadagno?

Ricerca i costi

Se stai costruendo un nuovo sito, chiedi ai tuoi partner di sviluppo di creare un elemento pubblicitario per garantire che il loro lavoro soddisfi gli standard WCAG 2.1 utilizzando strumenti di test di accessibilità automatizzati. Inoltre, considera la possibilità di incontrare consulenti per l'accessibilità di terze parti che hanno le risorse per eseguire test umani. Ottieni i prezzi direttamente da loro in modo che possano lavorare indipendentemente dal tuo sviluppatore.

Fai i conti

Sembra insensibile, ma la verità è che devi stabilire se i rischi superano i costi. In BrandExtract riteniamo che per la maggior parte dei siti Web business-to-business (B2B), test automatici approfonditi per la conformità WCAG 2.0 Livello A al momento del lancio e qualsiasi aggiornamento importante sia una soluzione conveniente che dimostra un chiaro sforzo per rendere accessibile un sito Web. Per i siti Web rivolti ai consumatori o con un'interattività ricca e complessa, potrebbero essere necessari test più approfonditi. Ancora una volta, dovresti consultare un professionista legale per avere una comprensione chiara e accurata dei rischi di non conformità.

Imposta un piano per il lancio

Se il tuo sito web è rivolto ai consumatori, sarebbe ragionevole eseguire test con esseri umani al lancio di un nuovo sito o ogni volta che subisce modifiche sostanziali. Per un sito B2B senza molta complessità o interazioni ricche, potrebbe essere sufficiente il test automatizzato del sito.

Imposta un piano di manutenzione

Qualsiasi piano presentato deve includere test in corso che vengono eseguiti su richiesta o automaticamente in base a una pianificazione regolare. Il test umano è qualcosa che è necessario solo quando un sito Web subisce revisioni e/o riprogettazioni significative.

Esperti e risorse utili

Durante la ricerca su come ottenere la conformità, scoprirai che la soluzione non è sempre chiara. Fortunatamente, abbiamo il progetto A11Y. Il progetto A11Y è un'organizzazione comunitaria che si concentra sulla semplificazione della comprensione e dell'attuazione delle linee guida per l'accessibilità del Web. Offre suggerimenti specifici per modelli di progettazione comuni, articoli sull'accessibilità, un elenco curato di eventi ed elenchi di controllo per assicurarsi di aver eseguito tutti i passaggi importanti.

"A11Y" è un numeronimo usato frequentemente nei social media e in altri media con limitazioni di spazio per riferirsi all'accessibilità. Puoi semplicemente leggerlo come "Accessibilità" e usarlo per scoprire altre risorse.

  • Il progetto A11Y
  • L'iniziativa W3C per l'accessibilità al Web
  • W3C
  • WCAG 1.0
  • WCAG 2.0
  • WCAG 2.1 (raccomandazione del candidato)
  • Sezione 508.gov
  • Selezione degli strumenti di valutazione dell'accessibilità web
  • ascia Strumenti di sviluppo
  • Strumento di test di accessibilità automatizzato
  • Tenon.io Strumento di test online
  • TinyMCE A11yChecker
  • Cause di accessibilità, troll e tattiche spaventose
  • Un ringraziamento speciale anche a Kim Testa del Bureau of Internet Accessibility. Il suo gruppo offre test sia automatizzati che umani e mi sento più intelligente per aver parlato con lei (sebbene tutti gli errori in questo articolo siano miei).

Qualche approfondimento in più

SAM offre tre possibili integrazioni per assistere con il controllo automatizzato dell'accessibilità:

  1. Il plug-in TinyMCE A11yChecker è un componente aggiuntivo gratuito dell'editor HTML incorporato di SAM e può essere attivato su richiesta per le versioni SAM 3.2 e successive.
  2. L'integrazione con l'istanza ospitata di AATT di BrandExtract può essere utilizzata su SAM 3.2 o versioni successive.
  3. L'integrazione con tenon.io può essere implementata su SAM 3.2 o versioni successive.

Avere un sito web accessibile non significa solo evitare i rischi di non conformità. Ancora più importante, si tratta di fare bene da parte di ogni utente e mantenere costantemente la promessa del tuo marchio. Se desideri ulteriori indicazioni sulla creazione di un sito Web accessibile, dai un'occhiata al nostro episodio del podcast sull'accessibilità al Web o sentiti libero di metterti in contatto con il nostro team.