Il sito web del tuo ristorante è conforme all’ADA? Se non lo sai, probabilmente dovresti.
Se hai seguito la notizia di recente, la Corte Suprema degli Stati Uniti ha respinto un ricorso di Domino’s sul fatto che l’impossibilità di un cieco di ordinare una pizza dal suo sito Web abbia violato l’Americans with Disabilities Act (ADA).
Ciò ha implicazioni di vasta portata per tutti i ristoranti perché non solo le loro sedi fisiche devono essere conformi all’ADA, ma i loro siti Web e le app mobili devono essere compatibili con i disabili.
Indice dell'articolo
Cosa dice la legge sulla compliance dei ristoranti?
L’Americans with Disabilities Act (ADA), emanato nel 1990, non fa menzione di siti web (ovviamente). Ma dal 2003, il Dipartimento di Giustizia degli Stati Uniti ha assunto la posizione secondo cui i siti Web delle aziende che ospitano il pubblico, come ristoranti e hotel, devono essere accessibili ai disabili.
Tuttavia, non pensare che ciò significhi che esiste una guida specifica che il tuo ristorante può seguire. Nonostante abbia preso questa posizione, il DOJ non ha emesso una sentenza su ciò che costituisce la conformità. Ci si aspettava che avrebbero decretato che le aziende devono rispettare le linee guida per l’accessibilità dei contenuti Web del World Wide Web Consortium Livello AA (WCAG 2.0 AA). Ma hanno ritirato questa proposta alla fine del 2017.
Senza linee guida ufficiali, esattamente cosa possono fare i ristoranti per assicurarsi di non cadere in fallo in una causa?
Il sito web del ristorante è vulnerabile ai reclami ADA
Sfortunatamente, i ristoranti sono particolarmente vulnerabili alle cause legali ADA a causa della natura della loro attività. Per molti ristoranti, il loro sito web non è solo un menu, è anche un modo per ordinare il cibo. Poiché i “beni e servizi” offerti online sono gli stessi in negozio, il sito Web sarà tenuto allo stesso livello dell’ubicazione fisica del ristorante.
Ciò significa che devi coprire tutte le tue basi per rendere il sito web del tuo ristorante conforme ADA. Ciò significa assicurarsi di essere almeno conformi alle WCAG 2.0. Per la maggior parte dei proprietari di ristoranti, ciò significherà consultare un professionista. Ma se vuoi farlo da solo o hai un’idea migliore di ciò che un’agenzia potrebbe suggerire, considera quanto segue:
Incorporare la tecnologia della disabilità nella build
Quando gli utenti disabili accedono al Web, in genere utilizzano diverse forme di software come i lettori di schermo per navigare nei siti Web. Se il tuo sito web non è amichevole con questo tipo di tecnologia, potresti essere nei guai. Indipendentemente dal fatto che il tuo sito Web sia nuovo di zecca o vecchio di cinque anni, dovresti assicurarti che la tecnologia dello screen reader funzioni sul tuo sito. In caso contrario, esplora le azioni che puoi intraprendere per rendere compatibile il tuo sito web. Sfortunatamente, questo potrebbe significare costruire un nuovo sito web per il tuo ristorante. Ma, in verità, se il tuo sito web non funziona con questo tipo di tecnologia, probabilmente ci sono altri elementi sbagliati che significano che dovresti assolutamente investire in un nuovo sito web a prescindere.
Stabilisci l’accessibilità con WAVE
Uno dei modi più semplici per giudicare l’accessibilità del tuo sito web è utilizzare lo strumento di valutazione dell’accessibilità web online, WAVE. Inserisci semplicemente l’URL del tuo ristorante nello strumento e dopo pochi secondi, WAVE ti dirà cosa c’è che non va nel tuo sito web dal punto di vista dell’accessibilità e cosa fare per risolverlo.
Sfrutta i plugin di accessibilità di WordPress
Se il sito Web del tuo ristorante è stato creato utilizzando WordPress, esistono numerosi plug-in che possono aiutarti con l’accessibilità. In particolare, i ristoratori potrebbero voler installare WP Accessibility, un plugin multifunzione in grado di risolvere diversi problemi; Accessibility Widget, che consente agli utenti di modificare le dimensioni del testo; Accessibility Poetry, che crea una barra degli strumenti mobile che gli spettatori possono utilizzare per modificare le dimensioni del testo e i colori di contrasto; e wA11y, uno strumento simile a WAVE che evidenzierà eventuali problemi con il tuo sito.
Come rendere il sito web del ristorante conforme ADA?
Ecco 10 modi per rendere il sito web del tuo ristorante accessibile ai disabili che seguono le linee guida per l’accessibilità dei contenuti Web (WCAG).
1. Sottolinea o descrivi i tuoi link.
Invece di dire all’utente “clicca qui”, dovresti descrivere il collegamento. Ad esempio, invece di scriverlo “Per saperne di più sui nostri nuovi elementi nel menu, fai clic qui”, puoi riformularlo in “Per saperne di più sulle nuove ricette, dai un’occhiata ai nostri nuovi elementi nel menu”.
Un’altra opzione complementare per questo aggiornamento ADA sarebbe quella di sottolineare i tuoi collegamenti ogni volta che è possibile. Assicurati che ci sia un contrasto di colore tra il testo normale e il testo con collegamento ipertestuale. Questo è estremamente utile per gli utenti daltonici per trovare qualsiasi link sul tuo sito web senza doverlo coprire.
2. Sottolineare i collegamenti di navigazione nel menu in alto e nel piè di pagina
Un’altra raccomandazione sarebbe quella di sottolineare il collegamento di navigazione nel menu in alto e nel piè di pagina. In alcuni casi, questo potrebbe essere troppo e ci sono diversi modi per aiutare un utente a sapere dove si trova quando tenta di utilizzare i collegamenti di navigazione. Ad esempio, quando un utente fa clic su un pulsante o un collegamento di navigazione, dovrebbe visualizzare un feedback visivo. Ciò può essere ottenuto evidenziando e sottolineando il pulsante di navigazione selezionato. Questo aiuta a prevenire qualsiasi confusione per gli utenti daltonici o per qualsiasi altro cliente con disabilità visive.
3. Contrasto cromatico dei bottoni
Un buon contrasto del pulsante di colore calibrato aiuta l’utente a leggere facilmente l’etichetta del pulsante e a ricevere un segnale che ha fatto clic su di esso. L’applicazione di un contrasto di colore corretto dovrebbe essere eseguita su tutti i pulsanti del tuo sito web. I pulsanti che non hanno un colore di sfondo (pulsanti fantasma), assicurati che la copia sul pulsante soddisfi i requisiti di contrasto 1.4.3. Se non sei sicuro che i tuoi pulsanti abbiano un contrasto di colore elevato, puoi utilizzare uno strumento di controllo del contrasto come Contrast Checker o WebAim. Puoi controllare il contrasto non solo sui tuoi pulsanti ma anche per il design generale del tuo sito web.
4. Il contenuto aggiunto a colori è opportunamente contrastato
Abbiamo menzionato l’importanza di informare l’utente che sta passando il mouse su un pulsante. Un’altra raccomandazione è assicurarsi che tutti i contenuti siano visibili. Lo standard WCAG 2.1 AA definisce un rapporto necessario di 4,5:1 di contrasto cromatico tra primo piano e sfondo. Se non sei sicuro, ancora una volta puoi fare affidamento su diversi strumenti per aiutarti, come un analizzatore di contrasto del colore. Ad esempio, molti siti Web hanno uno sfondo nero perché risaltano le lettere chiare e il logo dell’azienda.
5. Tutti i media necessitano di sottotitoli/trascrizioni (audio e video).
Assicurati di ricontrollare che tipo di contenuto hai sul tuo sito web. Se utilizzi video incorporati, ti consigliamo di non impostarli per la riproduzione automatica. Assicurati che il testo sia codificato in modo che possa essere convertito in braille, voce o testo ingrandito. Gli utenti con udito sensibile potrebbero essere disturbati dalla riproduzione automatica dei video.
Oltre ad assicurarti che i tuoi video non siano impostati per la riproduzione automatica, ti suggeriamo di utilizzare i sottotitoli. Gli utenti con disabilità uditive si affidano a sottotitoli di testo chiari e sincronizzati. Lo stesso principio si applica a qualsiasi contenuto audio che hai sul tuo sito web. Assicurati che i sottotitoli e le trascrizioni siano corretti e facilmente accessibili.
6. I collegamenti hanno descrizioni accurate e uniche
Abbiamo coperto l’importanza di descrivere i tuoi link. Oltre ad assicurarci che ogni collegamento abbia una descrizione, suggeriamo di controllare l’esattezza e l’unicità del collegamento. Simile al testo alternativo dell’immagine, le descrizioni dei collegamenti sono un must per gli utenti che si affidano alla tecnologia di lettura dello schermo. I tuoi collegamenti dovrebbero essere descrittivi, unici e iniziare con parole chiave che descrivono accuratamente la pagina. Un testo di collegamento scadente danneggia non solo l’usabilità e l’accessibilità, ma anche il tuo SEO. Perché dovrebbe essere unico? Perché un utente di screen reader navigherà nell’elenco dei collegamenti effettuando una ricerca tramite la prima lettera.
7. I titoli sono strutturati correttamente
Oltre ad aiutare gli utenti a navigare facilmente tra i tuoi contenuti, le intestazioni aiutano a mantenere in equilibrio il flusso dei tuoi contenuti. Questa raccomandazione dovrebbe essere seguita non solo dai siti Web dei ristoranti che cercano di offrire la migliore esperienza utente ai clienti non vedenti e ipovedenti, ma da qualsiasi sito Web, indipendentemente dal settore a cui si rivolge. Suggeriamo di utilizzare l’intestazione 1x H1 per il titolo principale della pagina, con i livelli di intestazione correttamente ordinati al di sotto di questo (ad es. H2 sotto H1, H3 sotto H2 e così via).
Anche i titoli correttamente strutturati ti daranno un aumento del ranking SEO.
8. Le immagini hanno testo alternativo
Sul tuo sito, quando utilizzi immagini o contenuti simili, assicurati che sia presente una casella in cui è possibile aggiungere testo alternativo. Il significato o il messaggio di un’immagine può essere trasmesso tramite testo invece che visivo. Inoltre, se l’immagine non viene caricata, il testo alternativo aiuterà l’utente a capire quali informazioni sul contenuto dovrebbero esistere lì. In termini di accessibilità, la tecnologia di lettura dello schermo eseguirà la scansione e leggerà il testo alternativo al posto di qualsiasi immagine. Suggeriamo di verificare che il messaggio sia corretto e corrisponda all’immagine. Se non hai familiarità con il testo alternativo, puoi utilizzare l’articolo del centro di apprendimento del testo alternativo di Moz per ottenere ulteriori dettagli.
9. I consumatori dovrebbero essere in grado di navigare nel sito Web utilizzando solo una tastiera.
Fai il seguente test sul tuo attuale sito web:
Hai appena testato l’accessibilità da tastiera del tuo sito web. Sei riuscito a seguire dove si trovava il focus della tastiera? Dove sei in grado di navigare verso tutti gli elementi interattivi della pagina?
Ti consigliamo di assicurarti che tutti gli elementi interattivi siano accessibili da tastiera. Questo vale non solo per la navigazione principale o per i collegamenti in linea. Assicurati che gli elementi del modulo, i pulsanti, i menu a discesa o le finestre di dialogo siano accessibili a un utente che sta navigando nella tua interfaccia.
10) Considera un collegamento di navigazione salta
Anche se, secondo il layout convenzionale della pagina web, la navigazione viene sempre prima di tutto, puoi prendere in considerazione l’utilizzo di un collegamento per saltare la navigazione. L’aggiunta di questa opzione all’inizio della pagina aiuta gli utenti che usano solo la tastiera. Se non sei disposto ad aggiungere questo nella parte superiore della pagina, ti consigliamo di prendere in considerazione altre alternative per bypassare la navigazione, specialmente se hai molti collegamenti. WebAim suggerisce alcune tecniche praticabili che puoi utilizzare per aiutarti ad assistere gli utenti di tastiera vedenti.
Ristabilisci la compatibilità ogni volta che vengono aggiunte nuove funzionalità
Assicurarsi che il tuo sito web sia accessibile non è un affare una tantum. Ogni volta che apporti una modifica al tuo sito web o aggiungi una nuova funzionalità, dovrai ristabilire che il tuo sito web sia ancora accessibile. Sì, questo è un dolore, ma è molto meno doloroso che essere schiaffeggiato con una causa.
Rendere il sito web del tuo ristorante conforme ADA con The Digital Restaurant
Se hai bisogno di aiuto per rendere compatibile ADA il sito web del tuo ristorante, The Digital Restaurant può aiutarti. Mettiti in contatto oggi per una consulenza gratuita.