Author page: Alessandro Garraffa

Stato di conformità

Lettore di schermo e navigazione da tastiera

1. Ottimizzazione dello 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 l'aggiornamento del sito Web. In questo processo, forniamo agli screen reader dati significativi utilizzando il set di attributi ARIA. Ad esempio, forniamo etichette di moduli accurate; descrizioni per icone utilizzabili (icone dei social media, icone di ricerca, icone del carrello, ecc.); guida alla convalida per gli input dei moduli; ruoli degli elementi come pulsanti, menu, dialoghi modali (popup), e altri. Inoltre, il processo in background esegue la scansione di tutte le immagini del sito Web e fornisce una descrizione accurata e significativa basata sul riconoscimento di oggetti di immagini come tag ALT (testo alternativo) per le immagini non descritte. Estrarrà anche i testi incorporati nell'immagine, utilizzando una tecnologia OCR (riconoscimento ottico dei caratteri). Per attivare le regolazioni del lettore di schermo in qualsiasi momento, gli utenti devono solo premere la combinazione di tasti Alt+1. Gli utenti di screen reader ricevono anche annunci automatici per attivare la modalità screen reader non appena entrano nel sito. Queste regolazioni sono compatibili con tutti i lettori di schermo più diffusi, inclusi JAWS e NVDA.
2. Ottimizzazione della navigazione tramite 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 utilizzabile dalla tastiera. Ciò include la possibilità di navigare nel sito Web utilizzando i tasti Tab e Maiusc+Tab, utilizzare i menu a discesa con i tasti freccia, chiuderli con Esc, attivare pulsanti e collegamenti utilizzando il tasto Invio, navigare tra elementi radio e caselle di controllo utilizzando i tasti freccia e riempili con la barra spaziatrice o il tasto Invio. Inoltre, gli utenti della tastiera troveranno menu di navigazione rapida e di salto del contenuto, disponibili in qualsiasi momento facendo clic su Alt+1, o come primi elementi del sito durante la navigazione con la tastiera. Il processo in background gestisce anche i popup attivati ​​spostando lo stato attivo della tastiera verso di essi non appena vengono visualizzati e non consente lo spostamento dello stato attivo al di fuori di esso. Gli utenti 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 convulsioni derivanti da animazioni lampeggianti o lampeggianti e combinazioni di colori rischiose.
• Modalità non vedenti: questa modalità regola il sito Web per la comodità degli utenti con disabilità visive come vista degradante, visione a tunnel, cataratta, glaucoma e altri.
• Modalità disabilità cognitiva: questa modalità fornisce diverse opzioni di assistenza per aiutare gli utenti con disabilità cognitive come dislessia, autismo, CVA e altri, a concentrarsi più facilmente sugli elementi essenziali del sito web.
• Modalità ADHD Friendly: questa modalità aiuta gli utenti con ADHD e disturbi dello sviluppo neurologico a leggere, navigare e concentrarsi più facilmente sugli elementi principali del sito Web riducendo significativamente le distrazioni.
• Modalità cecità: questa modalità configura il sito Web in modo che sia compatibile con lettori di schermo come JAWS, NVDA, VoiceOver e TalkBack. Uno screen reader è un software per utenti non vedenti che viene installato su un computer e uno smartphone e i siti Web devono essere compatibili con esso.
• Profilo di navigazione da tastiera (motori): questo profilo consente alle persone con disabilità motorie di utilizzare il sito Web utilizzando i tasti Tab, Maiusc+Tab e Invio della tastiera. Gli utenti possono anche utilizzare scorciatoie come "M" (menu), "H" (intestazioni), "F" (moduli), "B" (pulsanti) e "G" (grafica) per passare a elementi specifici.

Ulteriori regolazioni dell'interfaccia utente, del design e della leggibilità

1. Regolazioni dei caratteri: gli utenti possono aumentare e diminuire le sue dimensioni, cambiarne la famiglia (tipo), regolare la spaziatura, l'allineamento, l'altezza della linea e altro ancora.
2. Regolazioni del colore: gli utenti possono selezionare vari profili di contrasto del colore come chiaro, scuro, invertito e monocromatico. Inoltre, gli utenti possono scambiare combinazioni di colori di titoli, testi e sfondi, con oltre 7 diverse opzioni di colorazione.
3. Animazioni: gli utenti epilettici possono interrompere tutte le animazioni in esecuzione con il semplice clic di un pulsante. Le animazioni controllate dall'interfaccia includono video, GIF e transizioni lampeggianti CSS.
4. Evidenziazione dei contenuti: gli utenti possono scegliere di enfatizzare elementi importanti come link e titoli. Possono anche scegliere di evidenziare solo gli elementi focalizzati o in bilico.
5. Disattivazione dell'audio: gli utenti con apparecchi acustici potrebbero riscontrare mal di testa o altri problemi a causa della riproduzione automatica dell'audio. Questa opzione consente agli utenti di disattivare l'audio dell'intero sito Web all'istante.
6. Disturbi cognitivi: utilizziamo un motore di ricerca collegato a Wikipedia e Wikizionario, consentendo alle persone con disturbi cognitivi di decifrare i significati di frasi, iniziali, slang e altri.
7. Funzioni aggiuntive: offriamo agli utenti la possibilità di modificare il colore e le dimensioni del cursore, utilizzare una modalità di stampa, abilitare una tastiera virtuale e molte altre funzioni.

Compatibilità con browser e tecnologie assistive

Note, commenti e feedback