Guida per principianti su cos'è la conformità del sito Web con ADA?

Pubblicato: 2021-06-23
Guida completa per aiutarti a scegliere la migliore piattaforma di e-commerce per la tua attività
I 24 migliori consigli per migliorare la sicurezza di WordPress nel 2022
Come assumere uno sviluppatore Web? Una guida dettagliata per assumere il migliore.

Indice dei contenuti

  • Introduzione sul sito web Conformità ADA
  • Comprendere le basi di - Che cos'è la conformità ADA?
  • Chi dovrebbe seguire la conformità ADA?
  • Perché seguire il sito Web di conformità ADA?
  • Suggerimenti e trucchi per rendere il tuo sito web conforme ad ADA
    • 1. Lavora su un piacevole rapporto di contrasto
    • 2. Non giocare troppo con i colori
    • 3. Crea moduli leggibili
    • 4. Lascia spazio alle correzioni
    • 5. Fornisci opzioni senza mouse
    • 6. Lavora sulla navigazione facile
    • 7. Scegli titoli significativi
    • 8. Disegni di siti Web reattivi
    • 9. Opzioni per il consumo dei media
    • 10. Migliori controlli utente
  • Conclusione sulla conformità ADA sui siti web

Introduzione sul sito web Conformità ADA

L'American Disabilities Act è stato progettato prima dell'era del web, i suoi designer lo hanno progettato intenzionalmente per evolversi. La nozione di "luoghi o alloggi pubblici" può essere un elemento centrale della legge e un esempio ideale della sua flessibilità. Con l'evoluzione della tecnologia, oggi scopriamo che i siti Web e le app mobili sono luoghi essenziali per acquistare, imparare, condividere e connettersi, e quindi protetti dall'ADA. Ma molti non sono chiari sugli standard e i requisiti particolari o su cosa sia un sito Web conforme all'ADA.

L'approvazione della conformità ADA del sito Web ha portato un'industria legale sostitutiva che ha utilizzato il sistema giudiziario per responsabilizzare le aziende. Molte di queste azioni legali sono legittime. In precedenza le leggi erano così complicate che per gli avvocati era facile fare soldi. Questo è spesso sempre più vero oggi, poiché le azioni legali relative a siti Web o app mobili o alla conformità del sito Web con violazione dell'ADA hanno invaso gli Stati Uniti e il mondo intero.

La verità è che questi casi hanno dei meriti. Negli ultimi due anni, il progetto WebAIM al centro per le persone con disabilità nello stato dello Utah, ha eseguito test di accessibilità sulle home page di milioni dei siti Web più importanti. Il rapporto del 2020 ha rivelato che il 98,1% delle home page presentava errori WCAG 2 rilevabili o non disponeva di siti Web conformi all'ADA. Il fatto è che, a meno che un sito Internet non sia specificamente progettato e costruito per consentire l'accessibilità, semplicemente non è un design del sito Web conforme all'ADA, e quindi la crescente consapevolezza che l'accessibilità digitale come diritto civile sta esercitando una maggiore pressione sui proprietari di siti Web per affrontare questi problemi o affrontare azioni legali. Anche se potrebbe essere fantastico per i proprietari di siti Web optare volontariamente per la conformità ada sui siti Web.

Il design del sito Web di conformità ADA offre molti vantaggi per l'azienda oltre ad aiutarti a rimanere al sicuro da qualsiasi azione legale. Il sito Web di conformità ADA offre ai tuoi utenti una grande ospitalità sotto molti aspetti. Diamo un'occhiata a questi vantaggi della conformità ADA sui siti web.

  • L'Americans with Disabilities Act (ADA) richiede che alcune aziende formino alloggi per persone con disabilità. La pagina Web dovrebbe essere accessibile agli utenti non vedenti, agli utenti non udenti e alle persone che devono navigare tramite voce, lettori di schermo o altre tecnologie assistive.

  • Imprese che rientrano nel Titolo I, persone che operano 20 o più settimane l'anno con un minimo di 15 dipendenti a tempo pieno; o Titolo III, le persone che rientrano nella categoria degli "alloggi pubblici", sono coperte dall'ADA.

  • La mancata creazione di un sito Web conforme all'ADA potrebbe aprire un'attività a cause legali, responsabilità finanziarie e danni alla reputazione del marchio.

Ma nel caso in cui chiedessi semplicemente cos'è la conformità ada per i siti Web e sembri specificamente qualcosa? Bene, in tal caso, la risposta è no, in quanto non esiste una regolamentazione chiara, tuttavia in termini semplici il tuo sito Web dovrebbe essere ragionevolmente accessibile e ci sono molti modi per raggiungerlo.

Comprendere le basi di - Che cos'è la conformità ADA?

L'ADA, che è stata approvata nel 1990, proibisce la discriminazione contro le persone con disabilità, assicurando che abbiano bisogno di diritti e opportunità equivalenti a quelli senza. L'atto copre tutti i settori, dal lavoro e dalle scuole ai trasporti e ai luoghi pubblici/privati ​​che ospitano il pubblico in generale.

Nel 2010, il Dipartimento di Giustizia degli Stati Uniti ha approvato gli Standards for Accessible Design degli americani con disabilità, imponendo che tutta la tecnologia elettronica e della conoscenza, come i siti Web, sia accessibile alle persone con disabilità, come problemi di vista e sordità .

Quando leggi cosa sono i siti Web di conformità ada, c'è un termine comune che potresti incontrare molte volte ed è WCAG. Cerchiamo di capire rapidamente le basi di questo termine. WCAG sta per Web Content Accessibility Guideline.

Chi dovrebbe seguire la conformità ADA?

La prima cosa da sapere sull'ADA è quali aziende sono tenute a rispettarlo.

Ai sensi del titolo I dell'ADA, qualsiasi azienda con un minimo di 15 dipendenti a tempo pieno che opera per 20 o più settimane all'anno è coperta dalla legge.

Ai sensi del Titolo III , anche le imprese che rientrano nella categoria degli "alloggi pubblici" come hotel, banche e trasporti pubblici sono tenute a conformarsi. Ciò significa che si applica tutto ciò che è previsto dalla legge, dalle considerazioni fisiche agli alloggi digitali.

Se la tua attività rientra nel Titolo I o nel Titolo III dell'ADA e non ritieni di essere conforme, consulta un avvocato per la disabilità per esplorare le tue opzioni.

Perché seguire il sito Web di conformità ADA?

La conformità all'ADA del sito Web a volte può essere difficile, il che può far sembrare un consumo di risorse, soprattutto per le aziende che non sono tenute a rispettare la legge. Rielaborare il tuo sito web richiede tempo ed energia, oltre a un sacco di soldi. Ma ci sono vantaggi? Sicuramente ci sono; diamo un'occhiata a questi vantaggi:

È una questione legale!

I siti Web inaccessibili possono sicuramente ridurre il numero di persone che visitano il tuo sito Web. Quasi il 19% della popolazione è un numero enorme di persone da escludere senza pensare a cosa sia la conformità ada per i siti web!

Una delle conseguenze più devastanti dal punto di vista finanziario è il rischio di essere citati in giudizio. E molti altri marchi hanno dovuto spendere molte migliaia di dollari per riparare i loro siti Web dopo essere stati citati in giudizio, e questo non include il valore della rappresentanza, dei pagamenti e della perdita di entrate da parte del pubblico sconvolto.

Aggiunge al traffico giornaliero sul tuo sito web

Quasi 50 milioni di persone negli Stati Uniti hanno una disabilità e molte persone usano la tecnologia assistiva per accedere ai contenuti online. Avere un sito Internet a cui tutti potranno accedere e sperimentarlo aumenta il tuo pubblico potenziale. Con testo alternativo, sottotitoli, pagine accessibili tramite tastiera e altre modifiche, i tuoi prodotti e servizi diventano ospitali per quel pubblico. Se qualcuno non può accedere alla tua piattaforma online, non può effettuare una vendita. Quindi, dal punto di vista del business, accessibilità significa più profitto potenziale.

Il design del sito Web di conformità ADA aiuta nella costruzione del marchio

Il branding è pane quotidiano per la tua attività, poiché le persone si innamorano del marchio e non solo dei prodotti o servizi. Un buon marchio ci riporta continuamente ad aziende equivalenti, anche se non sono le opzioni più convenienti. I marchi che fanno il possibile per implementare l'accessibilità, anche quando non è loro richiesto, mostrano al loro pubblico che si preoccupano delle persone, non solo dei profitti. Un impegno nei confronti del tuo pubblico la dice lunga sul tuo marchio e quindi sui valori che detieni come azienda, il che può aiutare a rafforzare la connessione con i tuoi clienti.

Il design del sito Web di conformità ADA aggiunge vantaggi SEO

Chi non vorrebbe vedere i propri siti Web in cima ai motori di ricerca!? Bene, la conformità ADA sui siti Web può sicuramente essere un punto di svolta in quanto fa aumentare il traffico del tuo sito Web. Miri a uno e ottieni un altro vantaggio gratuitamente!

Questo perché la conformità supporta componenti SEO-friendly come testo alternativo per immagini, trascrizioni di video e audio, tag di intestazione appropriati e strutture coerenti e prevedibili. Più accurato e descrittivo è il tuo testo alternativo, più funzionerà per screen reader e motori di ricerca. Le trascrizioni forniscono ai motori di ricerca informazioni da scorrere, il che significa che hanno bisogno di più parole chiave con cui capire. Allo stesso modo, più precise sono le tue intestazioni, più alto sarà per i motori di ricerca e altre persone. L'accessibilità non solo è utile per i tuoi profitti, ma aiuta anche a indirizzare il traffico.

Suggerimenti e trucchi per rendere il tuo sito web conforme ad ADA

Che cos'è la conformità ADA per i siti Web? Come posso ottenere la conformità ADA del sito Web? Cerchiamo di trovare alcune soluzioni rapide per queste domande che possono aggiungere olisticamente allo sviluppo del sito Web per la tua attività e crescita:

1. Lavora su un piacevole rapporto di contrasto

WCAG 2.0 raccomanda un rapporto di contrasto di almeno 4,5:1. Per le persone ipovedenti, diventa difficile leggere il testo che non ha uno sfondo contrastante, uno sfondo semplice o anche quando il testo è incorporato nell'immagine. Ad esempio, quando guardiamo film con i sottotitoli, questi appaiono senza anticipare le scene e quindi, a volte, diventa difficile da leggere. Ad esempio, nel caso in cui il testo appaia davanti a una scena luminosa, diventa illeggibile e il pubblico non conosce il dialogo.

Per evitare tali confusioni, è necessario avere un rapporto di contrasto decente, tra lo sfondo e il testo.

2. Non giocare troppo con i colori

Sai leggere questa parola? Beh, non tutti noi possiamo!

Bene, i colori sono buoni per il tuo sito web, ma usarli saggiamente è altrettanto importante. Ebbene, chi non riesce a distinguere i colori, potrebbe non essere in grado di seguire le istruzioni, se le istruzioni si basano su alcuni colori o codici colore. I design Color Limit non sono siti Web conformi all'ADA. In altre parole, non è possibile offrire informazioni sufficienti sotto forma di colori e non è considerato sufficientemente accessibile quando si parla di ciò che è la compliance ada per i siti web. E quindi, per cercare risposte a ciò che è un sito Web conforme all'ADA, è necessario andare oltre il colore e utilizzare tattiche di progettazione del sito Web conformi all'ADA accessibili per aiutare gli utenti a identificare gli elementi del sito Web.

3. Crea moduli leggibili

Lo scopo di un buon sito Web è quello di effettuare vendite facendogli compilare i moduli di richiesta.

Questo non è un buon esempio di modulo, in cui le etichette descrittive per tutti i campi del modulo non sono chiare.

Piuttosto in questa immagine, i campi sono chiari da leggere. Le etichette posizionate all'interno dei campi del modulo sono difficili da leggere e gli screen reader potrebbero perderle durante la compilazione del modulo. Nella maggior parte dei casi, gli utenti con disabilità cognitive possono perdere di vista l'intento del campo modulo.

4. Lascia spazio alle correzioni

Errare è umano! Tutti commettiamo errori, così come i nostri utenti. E dal punto di vista di un utente, quando commette un errore durante l'interazione con il tuo sito Web, diventa frustrante se non c'è spazio per miglioramenti. È necessario che ci sia una disposizione sul sito Web, per assicurarsi che gli errori e le omissioni possano essere corretti come e quando necessario sul sito Web dagli utenti. Inoltre, gli avvisi per tali errori devono essere forniti con alcuni messaggi, simboli e colori, ma ricorda non solo con i colori. Questi errori possono essere un indirizzo e-mail inserito in modo errato o un input incompleto da parte degli utenti. Per mostrare i campi incompleti, è possibile utilizzare asterischi in modo tale che l'utente sappia che questi campi sono obbligatori da compilare. Insieme a ciò, è importante aiutare gli utenti con il feedback desiderato nelle posizioni di errore. Le istruzioni per la compilazione di tali campi dovrebbero essere esplicite, in modo tale che gli errori non solo vengano corretti ma anche non commessi più e più volte. Questo aiuta a costruire connessioni preziose con i visitatori e trasformarli in vendite, o portarli a interagire in qualche forma che si tratti di commenti, iscrizioni a newsletter e molti altri.

5. Fornisci opzioni senza mouse

Molte persone potrebbero non essere consapevoli del fatto che la tastiera fornisce opzioni di navigazione delle pagine Web oltre al mouse. Affinché la navigazione tramite tastiera sia facilmente accessibile per gli utenti, i collegamenti devono essere indicati in alcune varianti di colore e design differenzianti per lo stato di attivazione: passaggio del mouse, stile di attivazione della tastiera e stile tocco o clic. Con il tasto Tab della tastiera, è importante che gli utenti riconoscano rapidamente quale collegamento è attivo e cosa sta succedendo al collegamento quando viene eseguita una determinata azione. In caso di mobilità ridotta per gli utenti, la navigazione da tastiera è qualcosa che potrebbe essere molto utile. Alcuni di questi utenti con mobilità ridotta possono essere pazienti con ictus. Oltre a qualsiasi scenario di salute, potrebbero esserci altri problemi come un mouse scaricato o qualsiasi altra situazione simile. E questi casi sorgono la necessità della navigazione da tastiera.

6. Lavora sulla navigazione facile

Che si tratti di un viaggio su strada o mentre ci muoviamo in un aeroporto, è la segnaletica coerente che ci aiuta, sia per quanto riguarda la direzione, i limiti di velocità, gli avvisi o persino l'arresto. Senza tali guide, potremmo non trovare nessun viaggio accessibile. Così è il caso della navigazione del sito web, arrivando da una sezione all'altra, possono esserci più modalità di navigazione. Tuttavia, alcuni dei modi potrebbero essere più semplici e richiedere meno tempo rispetto ad altri. E arriva il ruolo e la necessità di una navigazione coerente, come la ricerca sul sito e le mappe del sito, assicurandosi che le etichette, gli stili e le posizioni siano coerenti. Intestazioni chiare e breadcrumb sono alcuni degli altri importanti aiuti o guide post quando si tratta di navigazione di siti Web conformi ad ada. Per l'utente con problemi cognitivi o neurologici, questi elementi di progettazione coerenti evitano che si perdano o si sentano frustrati e svolgono un ruolo importante nel migliorare la propria esperienza utente.

7. Scegli titoli significativi

Un buon design guida l'occhio dell'utente a riconoscere la tua gerarchia di dati. Aiutali a capire la connessione dei titoli al tuo testo, grafica e immagini. Considera che gli utenti con condizioni cognitive come l'ADHD potrebbero avere difficoltà a navigare nei contenuti che non sono presentati in modo chiaro e diretto. Oltre a ciò, molti utenti sono a corto di tempo e possono cedere prima il tentativo di elaborare qualsiasi contenuto presentato male. L'uso esperto di stili di intestazione, spazi bianchi e posizionamento degli elementi riduce il disordine, rendendo il contenuto più accessibile. Tempo ed energia considerevoli, che si traducono in dollari, vanno alla creazione di contenuti. Un design efficiente rende più facile per i tuoi clienti leggere e poi agire in base alle tue preziose informazioni.

8. Disegni di siti Web reattivi

I contenuti e i siti Web ottimizzati per dispositivi mobili sono molto apprezzati da Google; tuttavia, ciò non implica che non sia necessario tenere d'occhio il desktop o altre piattaforme. Per visualizzazioni ristrette come dispositivi mobili o altri dispositivi, il contenuto principale deve essere strutturato in una o due colonne e il contenuto secondario può essere presentato tramite icone e collegamenti. Al contrario, un desktop offre l'opportunità di presentare le informazioni in più colonne con collegamenti e navigazione visibile. È necessario ottimizzare le larghezze delle righe di testo e le dimensioni del testo in questa vista per la massima leggibilità. Gli utenti con disabilità cognitive o visive potrebbero non finire di tracciare una lunga riga del corpo del testo. Con tale comprensione di ciò che è un sito Web conforme ad ADA, questi semplici design di siti Web reattivi comunicano in modo chiaro e rapido per aiutare gli utenti.

9. Opzioni per il consumo dei media

Il contenuto può essere in diversi formati per molti utenti quando parliamo di ciò che è il sito Web di conformità ADA. Aiuta nella parità di accesso alle informazioni per le persone con disabilità diverse. Ad esempio, le trascrizioni di versioni audio e di testo di grafica complicata aiutano a rendere il contenuto più coinvolgente per gli utenti con disabilità uditive o visive. Nel caso in cui stavi già lavorando sulla diversità dei contenuti, allora è fantastico! Tuttavia, in caso contrario, capisci come e cosa deve essere focalizzato. Inoltre, l'accessibilità a tali contenuti può essere facilitata fornendo alcuni collegamenti agli utenti. I collegamenti possono riguardare trascrizioni audio, versioni audio descritte di video e didascalie o spiegazioni testuali di disegni o tabelle complicati che dovrebbero essere facili da individuare e molto altro ancora.

10. Migliori controlli utente

La risposta a ciò che è un sito Web conforme all'ADA sta nel fatto che quei fantastici caroselli o cursori di immagini non sono abbastanza sbalorditivi se non possono essere compresi dagli utenti con limitazioni cognitive. Le funzionalità di riproduzione automatica sul tuo video potrebbero essere costose ma non utili quando si tratta di qual è il sito Web di conformità ADA o quando si tratta di quanto velocemente può fornire le informazioni agli utenti. Gli utenti potrebbero dover ricominciare da capo il video piuttosto che limitarsi a riprodurre quello successivo, o addirittura desiderare di vedere di nuovo una parte e per questo potrebbero tornare indietro, rivedere o riavvolgere. Indipendentemente dal fatto che il sito sia dotato di riproduzione automatica di audio e video o di caroselli, offri agli utenti i controlli per riprodurre, far avanzare e mettere in pausa qualsiasi contenuto multimediale sulle tue pagine web.

Conclusione sulla conformità ADA sui siti web

La conformità all'ADA del sito Web è innegabilmente uno dei compiti più importanti nell'elenco delle cose da fare della maggior parte delle aziende là fuori. Questi suggerimenti e trucchi facili da applicare non solo aiutano i tuoi utenti, ma hanno anche senso per la tua attività in un periodo più lungo, che si tratti di un aumento del traffico o di un migliore posizionamento SEO. Inoltre, potresti soddisfare la maggior parte degli standard ADA mentre ti stavi semplicemente concentrando sul tuo SEO. Ora puoi semplicemente analizzare il tuo sito Web per i punti menzionati in questo blog e arrivare a un elenco che può aggiungere più significato alla tua presenza digitale e rendere il tuo sito Web conforme all'ADA. La creazione di un sito Web conforme all'ADA potrebbe essere un po' impegnativa e richiedere molto tempo. Ma ne varrà la pena.

Stai lavorando alla progettazione di siti Web di conformità ADA? O hai già un sito web conforme ad ADA? Quali sono le sfide che hai dovuto affrontare?

Discutiamo di seguito nella sezione commenti, oppure puoi anche chiamare o inviare e-mail. Il nostro team è felice di aiutarti!