Blog44 articoli

Stato di conformità

Screen-reader e navigazione da tastiera

1. Ottimizzazione dello screen reader: 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 per moduli accurate; descrizioni per le icone utilizzabili (icone dei social media, icone di ricerca, ecc.); guida alla convalida per i campi 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 dell'oggetto immagine come tag ALT (testo alternativo) per le immagini non descritte. Estrarrà anche i testi che sono incorporati all'interno dell'immagine, utilizzando una tecnologia OCR (riconoscimento ottico dei caratteri). Per attivare le regolazioni dello screen reader 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à di lettura dello schermo non appena accedono al sito Web. Queste regolazioni sono compatibili con tutti i lettori di schermo più diffusi, inclusi JAWS e NVDA.


2. Ottimizzazione della navigazione da 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 gli elementi radio e casella di controllo utilizzando i tasti freccia e compilarli con la barra spaziatrice o il tasto Invio. Inoltre, gli utenti della tastiera troveranno un menu di navigazione rapido e di salto dei contenuti, disponibile in qualsiasi momento facendo clic su Alt+1. Il processo in background gestisce anche i popup attivati ​​spostando il focus della tastiera verso di essi non appena compaiono e non consentendo che il focus si sposti 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.

Regolazioni dell'interfaccia utente, del design e della leggibilità

1. Regolazione del carattere: gli utenti possono aumentare e diminuire le sue dimensioni.
2. Regolazione del colore: gli utenti possono selezionare vari profili di contrasto del colore come chiaro, scuro, invertito e monocromatico.
3. Animazioni: gli utenti epilettici possono interrompere tutte le animazioni in esecuzione con il clic di un pulsante. Le animazioni controllate dall'interfaccia includono video, GIF e transizioni flash e CSS.
4. Evidenziazione dei contenuti: gli utenti possono scegliere di enfatizzare elementi importanti come link e titoli.
5. Disattivazione dell'audio: gli utenti con dispositivi acustici potrebbero avere mal di testa o altri problemi a causa della riproduzione automatica dell'audio. Questa opzione consente agli utenti di disattivare istantaneamente l'audio per l'intero sito web.
6. Funzioni aggiuntive: forniamo agli utenti la possibilità di modificare il colore e le dimensioni del cursore, abilitare una tastiera virtuale e molte altre funzioni.

Compatibilità con browser e tecnologie assistive

Note, commenti e feedback