Cause legali per l'accessibilità del Web: 4 esempi di vita reale e punti chiave

Pubblicato: 2023-04-24

Negli Stati Uniti, oltre 61 milioni di persone vivono con disabilità (CDC). Escludere una parte così ampia della popolazione rappresenta un'enorme occasione persa in termini di business. Costruire siti web accessibili è fondamentale per motivi morali e legali. Offrire un design accessibile come parte dei tuoi servizi di web design è un importante valore aggiunto per i tuoi clienti e può sicuramente distinguerti dalla concorrenza.

L'accessibilità digitale inizia con la creazione di un sito web incredibile. Scarica la "Guida in 6 passaggi per la vendita di servizi di siti Web alle imprese locali" per iniziare a fornire accessibilità ai tuoi clienti oggi stesso.

In questo articolo, introdurremo i punti chiave dell'Americans With Disabilities Act (ADA) e presenteremo alcuni siti Web che hanno subito cause legali per l'accessibilità. Inoltre, forniremo alcuni suggerimenti e best practice che ti aiuteranno a evitare costosi problemi legali e a garantire che i siti web dei tuoi clienti rimangano accessibili agli utenti.

Sommario

  • Perché l'accessibilità web è importante?
  • Cos'è l'Americans with Disabilities Act (ADA)
  • Esempi reali di azioni legali per l'accessibilità del web
    • Domino's Pizza contro Guillermo Robles
    • Mary Conner contro Parkwood Entertainment
    • Gil contro Winn-Dixie
    • Associazione Nazionale dei Sordi contro Harvard + MIT
  • Suggerimenti per la progettazione di siti Web e best practice per l'accessibilità
    1. Comprensione delle linee guida WCAG 2.1
    2. Progettazione per l'accessibilità da tastiera
      • Messa a fuoco della tastiera
      • Ordine di tabulazione
      • Nessuna trappola da tastiera
    3. Fornire testo alternativo per le immagini
      • Suggerimenti per creare un testo alternativo efficace
    4. Usando il contrasto di colore appropriato
    5. Evitare contenuti inaccessibili
    6. Testare l'accessibilità del sito web
  • Domande frequenti
    • Cos'è una causa per l'accessibilità?
    • Qual è la più grande causa per l'accessibilità?

Perché l'accessibilità web è importante?

L'accessibilità Web è un problema critico da considerare quando si sviluppano siti per i propri clienti perché i siti Web inaccessibili rischiano di escludere i visitatori che vivono con disabilità come problemi di udito o di vista. Non solo questa è una forma di discriminazione, ma limita la crescita aziendale del tuo cliente escludendo un gruppo di potenziali clienti.

Inoltre, l'accessibilità digitale può essere un problema legale. L'Americans With Disabilities Act (ADA) stabilisce che la mancata sistemazione per le persone con disabilità è una forma di discriminazione. Pertanto, le cause legali per l'accessibilità dei siti Web stanno diventando sempre più comuni. Nel 2022, negli Stati Uniti sono state intentate oltre 3.200 cause legali per l'accessibilità dei siti web (Codemantra). Per le aziende non conformi, queste azioni legali rappresentano enormi spese legali, multe e cattiva stampa per non aver fornito un sito Web accessibile.

Cos'è l'Americans with Disabilities Act (ADA)

L'Americans with Disabilities Act è stato sviluppato per proteggere le persone che vivono con disabilità dalla discriminazione. L'ADA è stato convertito in legge nel 1990 e proibisce la discriminazione nell'impiego, nei trasporti, nei luoghi di accoglienza pubblica (negozi, ristoranti, edifici per uffici, ecc.), nelle comunicazioni e altro ancora. Ai sensi dell'ADA, i siti Web e altre piattaforme di comunicazione sono tenuti a fornire alloggi per le persone con disabilità.

Le Web Content Accessibility Guidelines (WCAG) sono state sviluppate dalla Web Accessibility Initiative (WAI) per stabilire uno standard internazionale per l'accessibilità dei contenuti web. È stato creato nel tentativo di rispettare l'ADA e migliorare l'esperienza di navigazione web per le persone con disabilità. Queste linee guida aiutano i web designer a riflettere sui diversi adattamenti che devono essere fatti per le persone con disabilità per garantire che possano navigare liberamente nei siti web. Sono il gold standard quando si tratta di progettare siti Web accessibili.

Esempi reali di azioni legali per l'accessibilità del web

Se pensi che le possibilità di essere coinvolto in una causa legale per l'accessibilità del web siano basse, ripensaci. Queste azioni legali stanno diventando sempre più comuni e possono avere un impatto su aziende di qualsiasi dimensione. Ecco alcuni esempi recenti di cui essere a conoscenza.

Domino's Pizza contro Guillermo Robles

Nel 2016, un cieco di nome Guillermo Robles ha intentato una causa contro la catena di pizzerie Domino's dopo diversi tentativi falliti di ordinare una pizza personalizzata attraverso la sua piattaforma online. Anche con l'assistenza del software di lettura dello schermo, Robles non è stato in grado di effettuare un ordine online. Robles ha citato l'ADA nella causa, insistendo sul fatto che Domino's ha l'obbligo di rendere il suo sito Web accessibile alle persone con disabilità dato che si tratta di un'azienda con sedi fisiche (luoghi di alloggi pubblici).

Domino's ha reagito, sostenendo che non ci sono linee guida chiare per ospitare l'ADA sulle piattaforme web perché non esistevano nella loro forma attuale quando la legge è stata istituita nel 1990.

Alla fine, la Corte Suprema si schierò con Robles. Nel giugno 2021, un giudice ha stabilito che Domino's aveva violato l'ADA non fornendo un sito Web completamente accessibile e alla società è stato ordinato di rendere il proprio sito conforme agli standard WCAG 2.0.

Mary Conner contro Parkwood Entertainment

Nel 2019, è stata intentata un'azione legale collettiva contro la società Parkwood Entertainment di Beyonce, sostenendo che il sito Web beyonce.com viola l'ADA per non aver accolto i visitatori ipovedenti.

La causa sostiene che il sito Web, una piattaforma altamente visiva, non è riuscito a fornire un testo alternativo adeguato alle immagini in tutto il sito, rendendo impossibile per i visitatori non vedenti che utilizzano software di lettura dello schermo interpretare adeguatamente o effettuare acquisti attraverso il sito Web. La causa elenca anche altri reclami sul sito Web, inclusa la mancanza di collegamenti e menu di navigazione accessibili. L'esito di questa causa è ancora pendente.

Gil contro Winn-Dixie

Una causa del 2017 contro il rivenditore di generi alimentari Winn-Dixie ha accusato l'azienda di violare l'ADA. Il querelante Juan Carlos Gil ha intentato causa dopo che il suo screen reader non è stato in grado di interpretare il sito Web, impedendogli di ordinare prodotti o accedere ai premi del suo account. L'attore ha sostenuto che il sito Web dovrebbe essere considerato un luogo di alloggio pubblico e, quindi, deve seguire le linee guida ADA.

Sfortunatamente, i tribunali alla fine si sono pronunciati a favore di Winn-Dixie, affermando che i clienti che non erano in grado di utilizzare il sito Web potevano semplicemente visitare un negozio. Tuttavia, nonostante abbia vinto la causa, Winn-Dixie si è impegnata a rendere il proprio sito Web conforme agli standard WCAG 2.0 per garantire che sia completamente accessibile in futuro.

Associazione Nazionale dei Sordi contro Harvard + MIT

Nel 2015, la National Association of the Deaf (NAD), in collaborazione con singoli querelanti, ha intentato causa contro Harvard e il MIT. Queste azioni legali hanno affermato che ogni università ha violato l'ADA per non aver reso i contenuti online gratuiti ugualmente accessibili per le persone non udenti e con problemi di udito.

Dopo molteplici tentativi da parte di entrambe le università di far archiviare queste cause per l'accessibilità dei siti web, le loro mozioni sono state ripetutamente respinte dai tribunali. Nel 2020, entrambe le cause hanno raggiunto accordi in cui sia Harvard che il MIT sono tenuti ad aggiornare i contenuti online disponibili al pubblico in modo che siano ugualmente accessibili per le persone con perdita dell'udito.

Suggerimenti per la progettazione di siti Web e best practice per l'accessibilità

L'accessibilità del Web è importante da un punto di vista morale. Con un sito Web conforme ad ADA, i tuoi clienti possono evitare di discriminare una parte della popolazione. Inoltre, un sito Web inaccessibile li esclude dai vantaggi dei prodotti o servizi del tuo cliente. Segui questi suggerimenti per la progettazione di siti Web per assicurarti di tenere conto dell'accessibilità digitale durante la progettazione di siti Web.

1. Comprensione delle linee guida WCAG 2.1

Comprendere le linee guida WCAG 2.1 è il primo passo per creare un sito web conforme ad ADA. Le linee guida delineano le sistemazioni consigliate per le persone con una vasta gamma di disabilità, tra cui problemi di vista, cecità, perdita dell'udito, fotosensibilità e altro. Il documento è in evoluzione, quindi chiunque lavori nello sviluppo web dovrebbe rimanere informato sugli standard di accessibilità web ed essere pronto ad adattarsi man mano che vengono introdotti nuovi standard.

Le linee guida WCAG sono molto dettagliate, ma alcuni elementi essenziali di un sito web accessibile includono quanto segue:

  • Alt text che fornisce descrizioni adeguate delle immagini e degli elementi visivi del sito web
  • Forte contrasto cromatico tra il testo del sito web e gli sfondi
  • La possibilità di navigare in un sito Web utilizzando una tastiera (senza mouse o trackpad)
  • Sottotitoli chiusi sui contenuti video
  • E altro ancora...

Analizzeremo ciascuno di questi elementi in modo più dettagliato di seguito, ma questo è solo l'inizio di ciò che serve per creare un sito Web accessibile. Rivedi le linee guida WCAG 2.1 per assicurarti che qualsiasi sito web creato per i clienti sia conforme.

2. Progettazione per l'accessibilità da tastiera

I visitatori del sito Web con problemi di vista o disabilità motorie possono avere difficoltà a utilizzare il mouse o il trackpad del computer. Invece, queste persone si affidano all'accessibilità della tastiera per navigare nei siti web. Di seguito sono riportati i componenti chiave di un sito Web accessibile da tastiera.

Messa a fuoco della tastiera

Gli elementi di stato attivo della tastiera sono elementi come pulsanti, collegamenti, caselle di controllo o campi che possono essere attivati ​​utilizzando una tastiera. Su un sito Web accessibile da tastiera, un utente può controllare ciascuno di questi elementi esclusivamente tramite la tastiera. Lo stato attivo della tastiera si riferisce a un'indicazione visiva che un particolare elemento è selezionato, ad esempio un contorno colorato attorno a un campo di testo o un pulsante. Questo indicatore di messa a fuoco è essenziale per aiutare le persone a identificare quale elemento del sito Web stanno manipolando in un dato momento.

Ordine di tabulazione

Il tasto tab viene utilizzato per navigare da un elemento attivo della tastiera al successivo. L'ordine di tabulazione logico è fondamentale per mantenere un'esperienza utente positiva per le persone che si affidano alle funzionalità di accessibilità della tastiera. Nella maggior parte dei casi, l'ordine di tabulazione dovrebbe essere coerente con il flusso visivo della pagina. In altre parole, gli elementi dovrebbero essere selezionati nell'ordine in cui appaiono sulla pagina. Tuttavia, l'ordine di tabulazione più intuitivo può variare a seconda del design della pagina.

Nessuna trappola da tastiera

La frase "trappola da tastiera" si riferisce agli errori che possono verificarsi durante la navigazione di un sito Web con una tastiera. Ad esempio, se un utente non può allontanarsi da un particolare elemento attivo, ciò sarebbe considerato una trappola da tastiera. È fondamentale testare a fondo ogni aspetto di un sito Web, comprese finestre popup, widget, gallerie e altro, per garantire che il sito sia privo di trappole da tastiera. Non dimenticare di testare anche le trappole da tastiera sulle pagine di stato vuote, poiché sono essenziali per l'esperienza di navigazione.

3. Fornire testo alternativo per le immagini

"Alt text", o testo alternativo, è una frase o una frase descrittiva incorporata nei metadati delle immagini su un sito web. Gli individui con disabilità visive utilizzano software di lettura dello schermo per navigare nei siti Web e questi lettori di schermo si affidano al testo alternativo per descrivere gli elementi visivi di un sito Web. Il testo alternativo dovrebbe essere incluso in ogni immagine non ornamentale di un sito, incluse immagini editoriali, grafici, infografiche, diagrammi, illustrazioni e icone.

Suggerimenti per creare un testo alternativo efficace

Nella maggior parte dei casi, il testo alternativo dovrebbe essere breve e pertinente, fornendo al contempo un contesto per l'immagine. Ad esempio, supponiamo che tu stia descrivendo una foto di due cani che giocano a rimorchiatore su un sito Web sui Labrador Retriever. Un esempio di testo alternativo efficace potrebbe essere "Due Labrador giocano a rimorchiatore". Questo testo descrive accuratamente l'immagine fornendo al contempo un contesto specificando la razza dei cani nell'immagine.

Per elementi visivi più complessi, come diagrammi o grafici, potrebbero essere necessarie due o tre frasi di testo alternativo per comunicare ciò che il grafico sta mostrando. Ad esempio, se il grafico mostra il peso medio di un Labrador Retriever in base all'età, il testo alternativo potrebbe dire: "Un grafico mostra che i Labrador Retriever in genere pesano X libbre a quattro mesi, X libbre a nove mesi..."

Quando scrivi un testo alternativo, assicurati che la descrizione fornisca informazioni sufficienti affinché qualcuno possa capire cosa sta comunicando l'immagine, anche se non può vederlo.

4. Utilizzo del contrasto cromatico appropriato

Incorporare un adeguato contrasto cromatico tra il testo e gli sfondi delle pagine Web è essenziale per l'accessibilità del Web. Quando il contrasto cromatico non è abbastanza forte, gli utenti ipovedenti potrebbero avere difficoltà a leggere e navigare nel sito in modo efficace. Ciò non solo crea un'esperienza utente terribile, ma lascia il proprietario del sito vulnerabile a una causa legale per l'accessibilità del sito web.

Se il contrasto di colore su un sito è troppo sottile, le persone con problemi di vista potrebbero avere difficoltà a leggere il testo, portando a un'esperienza utente scadente. Le linee guida WCAG 2.1 raccomandano un rapporto di contrasto di 4,5:1 per il testo normale e un rapporto di contrasto di 3:1 per il testo di grandi dimensioni su un sito web.

Le linee guida WCAG 2.1 forniscono anche raccomandazioni sul contrasto dei colori. Se non sei sicuro che il colore del carattere e il colore di sfondo di un sito che progetti offrano un contrasto sufficiente, puoi utilizzare gli strumenti online il controllo. Una rapida ricerca su Google per "controllo dell'accessibilità del sito Web" fornirà diverse opzioni. Ricorda di dare la priorità al contrasto cromatico rispetto a colori o design alla moda quando fornisci servizi di progettazione di siti Web ai clienti.

5. Evitare contenuti inaccessibili

Tutti i contenuti di un sito Web devono essere accessibili alle persone con disabilità, da qui il contrasto dei colori e i requisiti del testo alternativo. Se un sito web ospita contenuti video, i video dovrebbero avere descrizioni audio o didascalie per rendere il contenuto accessibile agli utenti con problemi di udito. Fortunatamente, sono disponibili molti servizi di trascrizione per aiutare a trascrivere i contenuti video e servizi come Rev e Otter Ai rendono facile e conveniente procurarsi i sottotitoli dei video.

Con così tanti visitatori di siti Web che navigano su dispositivi mobili in questi giorni, anche le persone senza problemi di udito apprezzano i sottotitoli nei video. I sottotitoli consentono agli utenti di consumare contenuti video in spazi pubblici in cui l'audio può essere dirompente o difficile da ascoltare. Con questo in mente, includere i sottotitoli nei tuoi video può aumentare le tue visualizzazioni rendendoli più facili da consumare.

6. Testare l'accessibilità del sito web

Una cosa è progettare un sito Web accessibile e un'altra è navigarlo come qualcuno che fa affidamento sulle funzionalità di accessibilità. Testare l'accessibilità del sito Web è essenziale per garantire che il sito sia veramente funzionale per le persone con disabilità. Questo non solo proteggerà i tuoi clienti dalle cause legali per l'accessibilità del sito web, ma impedirà loro di escludere inavvertitamente i clienti con disabilità.

I controlli di accessibilità del sito Web sono un ottimo modo per individuare i problemi di accessibilità con il sito di un cliente. Strumenti come EqualWeb e AccessiBe sono solo un paio di esempi dei numerosi controlli di accessibilità disponibili. Questi strumenti eseguono la scansione dei siti Web e identificano i problemi di conformità che è possibile correggere per garantire che il sito Web sia conforme ad ADA.

Diversi strumenti di controllo dell'accessibilità utilizzano diversi standard di conformità come base per le loro scansioni, quindi assicurati di selezionarne uno che esegua la scansione per la conformità ADA e WCAG 2.1. In caso contrario, il correttore potrebbe non rilevare tutti i problemi di accessibilità che devi considerare.

Domande frequenti

Cos'è una causa per l'accessibilità?

Una causa per l'accessibilità del sito web è una causa contro il proprietario di un sito web il cui sito non rispetta le linee guida ADA sull'accessibilità del web. Vale a dire, un'azienda o un individuo può essere citato in giudizio se il loro sito Web non è accessibile alle persone con disabilità.

Qual è la più grande causa per l'accessibilità?

La più grande causa per l'accessibilità fino ad oggi è stata la National Federation of the Blind contro Target Corporation. La causa si è risolta per $ 6 milioni nel 2018.