L’articolo che stai per leggere è tratto dalla newsletter di Carolina, per riceverla in anteprima puoi iscriverti qui. Nella newsletter di domenica scorsa ti ho raccontato di Glauco, che a prima vista avrebbe tutto per essere il cattivo della storia. Ripercorrendo la sua infanzia, però, abbiamo visto che il suo evitamento non nasce dall’indifferenza, ma…
Carolina Traverso
Stato di conformità
Crediamo fermamente che internet debba essere disponibile e accessibile a chiunque, e ci impegniamo a fornire un sito web accessibile al pubblico più ampio possibile, indipendentemente dalle circostanze e dalle capacità.
Per ottenere questo obiettivo, ci proponiamo di aderire il più strettamente possibile alle Linee Guida sull'Accessibilità dei Contenuti Web 2.1 (WCAG 2.1) del World Wide Web Consortium (W3C) al livello AA. Queste linee guida spiegano come rendere il contenuto web accessibile a persone con diverse disabilità. Conformarsi a tali linee guida ci aiuta a garantire che il sito web sia accessibile a tutte le persone: persone non vedenti, persone con disabilità motorie, visive, cognitive e altro ancora.
Questo sito web utilizza diverse tecnologie destinate a renderlo il più accessibile possibile in ogni momento. Utilizziamo un'interfaccia di accessibilità che consente alle persone con disabilità specifiche di regolare l'UI (interfaccia utente) del sito web e di progettarla secondo le loro esigenze personali.
Inoltre, il sito web utilizza un'applicazione basata sull'Intelligenza Artificiale che funziona in background e ottimizza costantemente il suo livello di accessibilità. Questa applicazione rimedia l'HTML del sito web, adatta la sua funzionalità e comportamento per i lettori di schermo utilizzati dagli utenti non vedenti e per le funzioni di tastiera utilizzate da persone con disabilità motorie.
Se hai riscontrato un malfunzionamento o hai idee per migliorare, saremo felici di sentirti. Puoi contattarci scrivendo a info@carolinatraverso.com
Lettore di schermo e navigazione con tastiera
Il nostro sito web implementa la tecnica delle attribuzioni ARIA (Accessible Rich Internet Applications) insieme a diversi cambiamenti comportamentali per garantire che le persone cieche o ipovedenti che utilizzano lettori di schermo possano leggere, comprendere e usufruire di tutte le funzioni del sito web. Non appena non una persona con un lettore di schermo entra nel sito, riceve immediatamente un prompt per inserire il profilo del lettore di schermo in modo da poter navigare e operare nel sito in modo efficace.
Ecco come il nostro sito web copre alcuni dei requisiti più importanti del lettore di schermo, insieme a screenshot della console di esempi di codice:
1) Ottimizzazione del lettore di schermo: eseguiamo un processo in background che apprende i componenti del sito web dall'alto verso il basso, per garantire la conformità continua anche durante gli aggiornamenti del sito. In questo processo, forniamo ai lettori di schermo dati significativi utilizzando l'insieme di attributi ARIA. Ad esempio, forniamo etichette accurate per i moduli; descrizioni per icone azionabili (icone dei social media, icone di ricerca, icone del carrello, ecc.); indicazioni di convalida per gli input dei moduli; ruoli degli elementi come pulsanti, menu, finestre di dialogo modali (popup) e altri. Inoltre, il processo in background analizza tutte le immagini del sito web e fornisce una descrizione precisa e significativa basata sul riconoscimento di oggetti per le immagini non descritte. Estrarrà anche i testi incorporati nell'immagine utilizzando una tecnologia OCR (riconoscimento ottico dei caratteri). Per attivare gli aggiustamenti del lettore di schermo in qualsiasi momento, gli utenti devono premere solo la combinazione di tasti Alt+1. Chi utilizza il lettore di schermo riceve anche annunci automatici per attivare la modalità lettore di schermo non appena entra nel sito.
Questi aggiustamenti sono compatibili con tutti i lettori di schermo popolari, inclusi JAWS e NVDA.
2) Ottimizzazione della navigazione con tastiera: il processo in background regola anche l'HTML del sito web e aggiunge vari comportamenti utilizzando il codice JavaScript per rendere il sito web operabile tramite la tastiera. Ciò include la possibilità di navigare nel sito web utilizzando i tasti Tab e Shift+Tab, operare menu a discesa con i tasti freccia, chiuderli con Esc, attivare pulsanti e collegamenti con il tasto Invio, navigare tra elementi radio e checkbox utilizzando i tasti freccia e compilarli con il tasto Spazio o Invio. Inoltre, chi utilizza la tastiera troverà menu di navigazione rapida e di salto del contenuto, disponibili in qualsiasi momento cliccando Alt+1 o come primi elementi del sito durante la navigazione con la tastiera. Il processo in background gestisce anche i popup attivati spostando il focus della tastiera verso di loro non appena appaiono e non consente al focus di spostarsi al di fuori di essi.
Si possono anche utilizzare scorciatoie come "M" (menu), "H" (intestazioni), "F" (moduli), "B" (pulsanti) e "G" (grafica) per passare a elementi specifici.
Profili di disabilità supportati nel nostro sito web
Modalità sicura per l'epilessia: questo profilo consente alle persone con epilessia di utilizzare il sito web in modo sicuro eliminando il rischio di crisi causate da animazioni lampeggianti o abbinamenti di colori rischiosi.
Modalità per persone ipovedenti: questa modalità adatta il sito web per la comodità di persone con problemi visivi come deterioramento della vista, visione a tunnel, cataratta, glaucoma e altri.
Modalità per disabilità cognitive: questa modalità fornisce diverse opzioni di assistenza per aiutare le persone con disabilità cognitive come dislessia, autismo, ictus ecc., a concentrarsi più facilmente sugli elementi essenziali del sito web.
Modalità ADHD friendly: questa modalità aiuta le persone ADHD e con neurodivergenza a leggere, navigare e concentrarsi più facilmente sugli elementi principali del sito web riducendo significativamente le distrazioni.
Modalità per persone cieche o ipovedenti: questa modalità configura il sito web per essere compatibile con lettori di schermo come JAWS, NVDA, VoiceOver e TalkBack. Un lettore di schermo è un software installato su computer e smartphone, e i siti web devono essere compatibili con esso.
Profilo di navigazione con tastiera (disabilità motoria): questo profilo consente alle persone con disabilità motorie di navigare il sito web utilizzando i tasti Tab, Shift+Tab e Invio. Gli utenti possono anche utilizzare scorciatoie come "M" (menu), "H" (intestazioni), "F" (moduli), "B" (pulsanti) e "G" (grafica) per passare a elementi specifici.
Ulteriori aggiustamenti per UI, design e leggibilità
1) Regolazioni del carattere: si possono aumentare e diminuire la dimensione del carattere, cambiare lo stile, regolare la spaziatura, l'allineamento, l'altezza della linea e altro ancora.
2) Regolazioni del colore: si possono selezionare vari profili di contrasto colore come chiaro, scuro, invertito e monocromatico. Inoltre, è possibile scambiare schemi di colore di titoli, testi e sfondi, con oltre sette opzioni di colorazione diverse.
3) Animazioni: le persone con epilessia possono interrompere tutte le animazioni in esecuzione con un clic. Le animazioni controllate dall'interfaccia includono video, GIF e transizioni lampeggianti CSS.
4) Evidenziazione del contenuto: si può scegliere di enfatizzare elementi importanti come collegamenti e titoli. E si può anche scegliere di evidenziare solo gli elementi focalizzati o passati con il mouse.
5) Spegnimento audio: chi utilizza dispositivi uditivi può sperimentare mal di testa o altri problemi a causa della riproduzione automatica dell'audio. Questa opzione consente loro di silenziare l'intero sito web istantaneamente.
6) Disturbi cognitivi: utilizziamo un motore di ricerca collegato a Wikipedia e Wiktionary, consentendo alle persone con disturbi cognitivi di decifrare significati di frasi, iniziali, gergo e altri.
7) Funzioni aggiuntive: forniamo la possibilità di cambiare il colore e le dimensioni del cursore, utilizzare una modalità di stampa, abilitare una tastiera virtuale e molte altre funzioni.
Compatibilità del browser e delle tecnologie assistive
Miriamo a supportare la più ampia gamma possibile di browser e tecnologie assistive, in modo che chi naviga in questo sito possa scegliere gli strumenti più adatti, con il minor numero possibile di limitazioni. Ecco perché abbiamo lavorato duramente per supportare tutti i principali sistemi che costituiscono oltre il 95% della quota di mercato degli utenti, tra cui Google Chrome, Mozilla Firefox, Apple Safari, Opera e Microsoft Edge, JAWS e NVDA (lettori di schermo).
Note, commenti e feedback
Nonostante i nostri migliori sforzi per consentire a chiunque di adattare il sito web alle proprie esigenze, potrebbero comunque esserci pagine o sezioni non completamente accessibili, in fase di accessibilità o prive di una soluzione tecnologica adeguata per renderle accessibili. Tuttavia, stiamo migliorando continuamente la nostra accessibilità, aggiungendo, aggiornando e migliorando le opzioni e le funzionalità, e sviluppando e adottando nuove tecnologie. Tutto ciò è finalizzato a raggiungere il livello ottimale di accessibilità, seguendo gli sviluppi tecnologici. Per qualsiasi assistenza, ti preghiamo di scriverci a info@carolinatraverso.com