Costruito per essere usabile da chiunque

Standard

CalmPath punta al WCAG 2.1 livello AA. È un obiettivo verso cui si sta lavorando attivamente, non una certificazione, e questa pagina resta onesta riguardo alla distanza che manca.

Che cosa è stato implementato

Colore e contrasto

• Ogni coppia di colori di testo e di interfaccia è verificata a livello di codice con la formula di contrasto WCAG, anziché essere valutata a occhio. Attualmente tutte le coppie raggiungono o superano il rapporto richiesto.
• I colori dei grafici sono inoltre validati per la separazione in caso di deficit della visione dei colori, così che le serie adiacenti restino distinguibili con protanopia, deuteranopia e tritanopia.
• Il colore non veicola mai da solo un significato. I grafici includono legende, etichette dirette e una tabella dati equivalente; lo stato è sempre accompagnato da un'icona o da un testo.
• È disponibile un tema scuro, che segue l'impostazione del tuo sistema.

Tastiera e focus

• Ogni elemento interattivo è raggiungibile e utilizzabile da tastiera.
• Durante la navigazione da tastiera compare un indicatore di focus visibile, con un trattamento coerente in tutto il sito.
• Un collegamento «vai al contenuto principale» è il primo elemento raggiungibile con Tab in ogni pagina.
• Le finestre di dialogo e i pannelli laterali trattengono il focus mentre sono aperti e lo ripristinano alla chiusura.

Screen reader

• Landmark semantici e un'unica gerarchia logica di intestazioni per pagina.
• I campi dei moduli sono collegati a livello di codice alle rispettive etichette, descrizioni e messaggi di errore, così un campo rifiutato annuncia il perché.
• Le immagini decorative sono completamente nascoste alle tecnologie assistive.
• Le regioni live annunciano i cambiamenti dinamici — i risultati dei moduli, la guida al respiro — in modo cortese, senza interrompere.
• I collegamenti che aprono una nuova scheda lo dichiarano.

Movimento

• Tutte le animazioni rispettano l'impostazione «riduci movimento» del sistema operativo. Le trasformazioni e il parallasse vengono rimossi; restano solo le variazioni di opacità.
• Nulla lampeggia e nessuna animazione dura più di un secondo.
• Nessuna animazione parte automaticamente senza un modo per fermarla.

Impaginazione

• Completamente responsive a partire da 320 px.
• Il testo si riadatta fino a uno zoom del 200% senza perdita di contenuto.
• Le aree tattili misurano almeno 44 × 44 px.
• La modalità a contrasto elevato di Windows è supportata tramite gli stili forced-colors.

Limiti noti

Elencarli è più utile che sostenere che non ce ne siano:

• I grafici sono disegnati su canvas. Ciascuno è accompagnato da un riepilogo testuale e da una tabella dati, ma il canvas in sé non è esplorabile punto per punto con uno screen reader.
• I test sono stati svolti con la navigazione da tastiera, strumenti automatici e controlli a campione con screen reader — non ancora tramite un audit formale né con un gruppo di utenti con disabilità.
• I contenuti sono disponibili in inglese e in italiano. Il questionario PSS-10 italiano è una traduzione accademica locale che non è stata sottoposta a validazione linguistica formale, e lo dichiara nel punto in cui viene usato.

Segnalare una barriera

Se qualcosa risulta inutilizzabile per te, segnalacelo tramite il modulo di contatto. Le segnalazioni di accessibilità sono trattate come bug, non come richieste di funzionalità, e hanno la priorità che ne consegue. Descrivere la tua tecnologia assistiva e il tuo browser ci aiuta a riprodurre il problema.