Assicurati che tutti gli utenti possano navigare e interagire con il tuo sito web.
Proseguiamo la nostra serie sull'accessibilità web con il secondo pilastro dei principi POUR: l'utilizzabilità. Dopo aver stabilito nel primo articolo che un sito web deve essere percepibile, è ora di garantire che gli utenti possano anche interagire con i suoi componenti. Un sito può avere i contenuti più chiari del mondo, ma se un utente non riesce ad accedere a un menu, compilare un modulo o attivare un pulsante, la sua esperienza è compromessa.
Cosa significa che un sito è utilizzabile?
Il principio di utilizzabilità stabilisce che l'interfaccia e la navigazione devono essere funzionali per chiunque. Ciò significa che un utente deve essere in grado di compiere le azioni necessarie utilizzando diversi strumenti, non solo il mouse. Pensa alle persone con disabilità motorie che si affidano esclusivamente alla tastiera o agli utenti che hanno bisogno di più tempo per leggere o inserire informazioni. Un sito web utilizzabile anticipa e rispetta queste esigenze.
Guida tecnica dettagliata al principio di utilizzabilità
Ecco le regole specifiche e i consigli pratici per garantire l'utilizzabilità del tuo sito, tratti direttamente dalla guida ufficiale:
1.6. Accessibile da tastiera
1.6.1. [A] Tastiera
- Tutte le funzionalità del contenuto sono utilizzabili tramite un'interfaccia da tastiera senza richiedere tempistiche specifiche per la pressione dei tasti, a meno che la funzione sottostante non richieda un input che dipenda dal percorso del movimento dell'utente e non solo dai punti di inizio e fine.
- Ciò non vieta e non deve scoraggiare l'offerta di input tramite mouse o altri metodi di input in aggiunta all'utilizzo della tastiera.
- Se in una pagina sono implementate scorciatoie da tastiera, queste non devono entrare in conflitto con le scorciatoie del browser o dello screen reader.
1.6.2. [A] Nessun blocco della tastiera
- Se il focus della tastiera può essere spostato su un componente della pagina utilizzando un'interfaccia da tastiera, allora il focus può essere spostato via da tale componente utilizzando solo un'interfaccia da tastiera e, se ciò richiede più dei tasti freccia o tab non modificati o altri metodi di uscita standard, l'utente viene informato sul metodo per spostare il focus.
1.6.3. [AAA] Tastiera (nessuna eccezione)
- Tutte le funzionalità del contenuto sono utilizzabili tramite un'interfaccia da tastiera senza richiedere tempistiche specifiche per la pressione dei tasti.
1.7. Tempo sufficiente
1.7.1. [A] Tempistiche regolabili
- Per ogni limite di tempo impostato dal contenuto, è vera almeno una delle seguenti condizioni:
- Disattivazione: L'utente può disattivare il limite di tempo prima che questo si verifichi; oppure
- Regolazione: L'utente può regolare il limite di tempo prima che questo si verifichi, entro un ampio intervallo che sia almeno dieci volte superiore all'impostazione predefinita; oppure
- Estensione: L'utente viene avvisato prima della scadenza del tempo e ha a disposizione almeno 20 secondi per estendere il limite di tempo con una semplice azione (ad esempio, "premere la barra spaziatrice"), e l'utente può estendere il limite di tempo almeno dieci volte; oppure
- Eccezione per eventi in tempo reale: Il limite di tempo è una parte necessaria di un evento in tempo reale (ad esempio, un'asta) e non è possibile alcuna alternativa al limite di tempo; oppure
- Eccezione per elementi essenziali: Il limite di tempo è essenziale e una sua estensione invaliderebbe l'attività; oppure
- Eccezione per le 20 ore: Il limite di tempo è superiore a 20 ore.
- Disattivazione: L'utente può disattivare il limite di tempo prima che questo si verifichi; oppure
1.7.2. [A] Pausa, Interruzione, Nascondi
- Per informazioni in movimento, lampeggianti, a scorrimento o con aggiornamento automatico, valgono tutte le seguenti condizioni:
- Per qualsiasi informazione in movimento, lampeggiante o a scorrimento che (1) si avvia automaticamente, (2) dura più di cinque secondi e (3) viene presentata insieme ad altri contenuti, deve essere disponibile un meccanismo che consenta all'utente di metterla in pausa, interromperla o nasconderla, a meno che il movimento, il lampeggiamento o lo scorrimento non siano parte essenziale di un'attività; e
- Per qualsiasi informazione con aggiornamento automatico che (1) si avvia automaticamente e (2) viene presentata insieme ad altri contenuti, deve essere disponibile un meccanismo che consenta all'utente di metterla in pausa, interromperla, nasconderla o controllarne la frequenza di aggiornamento, a meno che l'aggiornamento automatico non sia parte essenziale di un'attività.
- Per qualsiasi informazione in movimento, lampeggiante o a scorrimento che (1) si avvia automaticamente, (2) dura più di cinque secondi e (3) viene presentata insieme ad altri contenuti, deve essere disponibile un meccanismo che consenta all'utente di metterla in pausa, interromperla o nasconderla, a meno che il movimento, il lampeggiamento o lo scorrimento non siano parte essenziale di un'attività; e
1.7.3. [AAA] Nessuna temporizzazione
- La temporizzazione non è una parte essenziale dell'evento o dell'attività presentata dal contenuto, ad eccezione dei media sincronizzati non interattivi e degli eventi in tempo reale.
1.7.4. [AAA] Interruzioni
- Le interruzioni possono essere posticipate o soppresse dall'utente, ad eccezione di quelle che coinvolgono un'emergenza.
1.7.5. [AAA] Ri-autenticazione
- Quando una sessione autenticata scade, l'utente può continuare l'attività senza perdita di dati dopo essersi ri-autenticato.
1.8. Crisi epilettiche e reazioni fisiche
1.8.1. [A] Tre lampeggiamenti o soglia inferiore
- Le pagine web non contengono elementi che lampeggiano più di tre volte in un secondo, oppure il lampeggiamento è al di sotto delle soglie generali di lampeggiamento e di lampeggiamento rosso.
1.8.2. [AAA] Tre lampeggiamenti
- Le pagine web non contengono elementi che lampeggiano più di tre volte in un secondo.
1.9. Navigabile
1.9.1. [A] Bypass blocchi
- È disponibile un meccanismo per ignorare blocchi di contenuti ripetuti in più pagine Web.
1.9.2. [A] Titolo della pagina
- Le pagine Web hanno titoli che ne descrivono l'argomento o lo scopo.
1.9.3. [A] Ordine di tabulazione
- Se una pagina Web può essere navigata in sequenza e le sequenze di navigazione influiscono sul significato o sul funzionamento, i componenti che possono ricevere il focus lo ricevono in un ordine che preserva il significato e la funzionalità.
1.9.4. [A] Scopo del collegamento (nel contesto)
- Lo scopo di ogni collegamento può essere determinato dal solo testo del collegamento o dal testo del collegamento insieme al suo contesto determinato programmaticamente, tranne nei casi in cui lo scopo del collegamento risulti ambiguo per gli utenti in generale.
1.9.5. [AA] Molteplici modalità
- È disponibile più di una modalità per individuare una pagina Web all'interno di un insieme di pagine Web, tranne quando la pagina Web è il risultato di, o una fase di, un processo.
1.9.6. [AA] Intestazioni ed etichette
- Le intestazioni e le etichette descrivono l'argomento o lo scopo.
1.9.7. [AA] Focus visibile
- Qualsiasi interfaccia utente azionabile tramite tastiera dispone di una modalità operativa in cui l'indicatore del focus della tastiera è visibile.
1.9.8. [AAA] Posizione
- Sono disponibili informazioni sulla posizione dell'utente all'interno di un insieme di pagine Web.
1.9.9. [AAA] Scopo del collegamento (solo collegamento)
- È disponibile un meccanismo che consente di identificare lo scopo di ogni collegamento dal solo testo del collegamento, tranne nei casi in cui lo scopo del collegamento risulti ambiguo per gli utenti in generale.
1.9.10. [AAA] Intestazioni di sezione
- Le intestazioni di sezione sono utilizzate per organizzare il contenuto.
Come Wawsome garantisce l'operabilità
Il principio di operabilità è complesso, ma Wawsome è qui per semplificare le cose. Il nostro widget garantisce una navigazione da tastiera completa e fluida, creando automaticamente una mappa del sito accessibile e ottimizzando l'ordine di messa a fuoco. Inoltre, i profili predefiniti, come quello per le disabilità motorie, adattano il sito per eliminare la necessità di azioni complesse, fornendo al contempo un indicatore di focus chiaro e visibile. Ciò consente a ogni utente di navigare e interagire con il tuo sito senza frustrazioni.
Conclusione
L'operabilità trasforma un sito web da una pagina statica di informazioni in uno strumento interattivo ed efficiente per tutti. Seguendo queste regole, non solo amplierai il tuo pubblico, ma costruirai anche una piattaforma solida e facile da usare che ispira fiducia.
Ora che abbiamo trattato Percepibilità e Operabilità, siamo a metà strada. Nel prossimo articolo esploreremo il terzo principio: Comprensibilità. Discuteremo di come rendere i contenuti e le funzionalità non solo accessibili, ma anche intuitivi e prevedibili.