Vai al contenuto principale
Politica

Accessibilità

Una dichiarazione degna di essere letta è quella che nomina le cose che non funzionano. Questa lo fa, spiegando anche a quali standard ci atteniamo e come segnalare ciò che ci è sfuggito.

  • WCAG 2.2 AA come obiettivo
  • Contrasto misurato, non valutato
  • Lacune note elencate

La posizione

Realizziamo questo sito in conformità al livello AA delle WCAG 2.2 e lo verifichiamo invece di darlo per scontato: il contrasto viene misurato rispetto al colore sul quale ogni elemento viene effettivamente visualizzato, e ogni errore blocca la compilazione. Non è un obiettivo che annunciamo e riesaminiamo una volta all’anno: viene verificato a ogni rilascio.

Non è una dichiarazione di piena conformità. Le lacune note sono elencate qui sotto invece di essere omesse. Se qualcosa su questo sito o nell’app non è utilizzabile per te, scrivi a [email protected] con oggetto Accessibilità e spiegaci cosa è successo: verrà trattato come una segnalazione di difetto, non come un semplice feedback.

In vigore dal

Cosa è integrato

  • Ogni pagina funziona senza JavaScript. Nulla viene nascosto per impostazione predefinita e mostrato da uno script, quindi una pagina in cui lo script non funziona, con un blocco dei contenuti rigido o visualizzata da un client di solo testo, mostra comunque i propri contenuti. Gli elementi interattivi sono miglioramenti aggiunti a pagine che funzionano già.
  • Il contrasto viene misurato rispetto allo sfondo effettivamente visualizzato, determinando per ogni elemento il primo antenato opaco dietro di esso, invece di valutarlo a occhio rispetto a un colore presunto. In passato il testo del corpo su questo sito aveva un rapporto di 4.49:1 — sotto il livello AA e perfettamente plausibile alla vista — e per scoprirlo è servita una misurazione.
  • Un link per saltare al contenuto e un focus visibile. Ogni pagina si apre con un link per passare direttamente al contenuto e ogni elemento interattivo ha un indicatore di focus visibile, invece di rimuovere il contorno per motivi estetici.
  • Struttura semantica. Un solo h1 per pagina, titoli in ordine senza saltare livelli, elenchi reali, tabelle con celle d'intestazione e didascalie corrette, oltre a punti di riferimento che uno screen reader può usare per la navigazione.
  • Il movimento rispetta le impostazioni del sistema. Ogni animazione viene disattivata con prefers-reduced-motion e il contenuto è visibile subito, senza attendere un'animazione d'ingresso.
  • Il testo si adatta. I layout usano unità relative e si ridispongono senza rompersi o richiedere lo scorrimento orizzontale quando il testo viene ingrandito o la finestra è stretta.
  • Testo alternativo significativo e attributo alt lasciato intenzionalmente vuoto per un'immagine dentro un link che contiene già il proprio testo: una descrizione in quel punto farebbe annunciare la stessa cosa due volte a uno screen reader.

Limiti noti

Questa sezione è il motivo per cui vale la pena pubblicare la pagina. Ogni elemento è reale, ne siamo a conoscenza e nessuno viene presentato qui come già risolto.

Il sito è pubblicato in trenta lingue e non è stato testato con uno screen reader in tutte. I test sono stati eseguiti in inglese. La pronuncia e l'ordine di lettura nelle lingue scritte da destra a sinistra, così come negli alfabeti per i quali i nostri caratteri tipografici non hanno copertura e vengono sostituiti dal carattere della piattaforma, non sono stati verificati con tecnologie assistive.

I nostri due caratteri tipografici coprono solo l'alfabeto latino. Il cirillico, il devanagari, il georgiano, il thai, l'arabo, l'ebraico, il bengalese, l'etiopico e i caratteri CJK ricorrono ai caratteri propri della piattaforma. In genere questo favorisce la leggibilità, ma significa anche che in queste impostazioni locali non controlliamo i dettagli tipografici che gestiamo in inglese — peso, spaziatura e dimensione alla quale il testo piccolo smette di essere abbastanza piccolo.

Alcuni elementi interattivi sono recenti e meno testati. La matrice comparativa e il filtro di ricerca dell'assistenza aggiornano le righe direttamente nel punto in cui si trovano, che è il modello corretto, ma l'annuncio del numero di risultati modificato a uno screen reader è stato implementato e non ancora testato da utenti.

L'app segue gli stessi principi, ma viene verificata meno spesso del sito. Supporta le funzioni proprie della piattaforma per la dimensione del testo e lo screen reader, che svolgono gran parte del lavoro, ma al momento non eseguiamo un audit formale dell'accessibilità a ogni release.

Non è stato eseguito alcun audit formale da parte di terzi né sul sito né sull'app. Preferiamo dirlo piuttosto che lasciare intendere di avere una certificazione che non possediamo.

L'app e una cosa da sapere

L'app Telvio si affida alle funzioni di accessibilità del sistema operativo su cui viene eseguita: VoiceOver e Dynamic Type su iOS, TalkBack e ridimensionamento dei caratteri su Android. Queste coprono la maggior parte di ciò che conta in un'app la cui interfaccia è composta da un tastierino, un saldo e un elenco di tariffe.

Una scelta progettuale merita di essere evidenziata come caratteristica di accessibilità, non come funzione. Poiché l'app non richiede un account, non ci sono moduli di registrazione, password da inserire, passaggi di verifica dell'email né codici da recuperare da un messaggio: l'intera categoria di interazioni che più spesso mette in difficoltà chi usa tecnologie assistive, o chiunque trovi difficili i moduli, semplicemente non è presente. Installa, chiama, parla.

Il limite corrispondente si trova nella stessa pagina di tutto il resto: l'app non può chiamare i servizi di emergenza, come spiegato nella sezione chiamate di emergenza. Se qualcuno configura questa app per un familiare — una situazione comune, soprattutto per le persone anziane che chiamano la famiglia all'estero — è la cosa più importante da spiegare mentre lo si fa.

Segnalare un problema

Invia un'email a [email protected] con oggetto Accessibility. Dettagli utili: la pagina o la schermata, cosa stavi cercando di fare, quale tecnologia assistiva stavi usando e quale versione, oltre a ciò che è successo invece. Nulla di tutto questo è obbligatorio: una frase come “Non riesco a usare la tabella delle tariffe con uno screen reader” è una segnalazione perfettamente valida e la preferiamo al non ricevere nulla.

Puntiamo a rispondere entro cinque giorni lavorativi con una valutazione e, se concordiamo che si tratta di un difetto, una tempistica indicativa. I problemi che impediscono a qualcuno di completare un'attività vengono risolti prima degli altri; quelli che rendono un'attività più difficile vengono messi in coda con trasparenza, senza promesse vaghe.

Se ti trovi nell'Unione europea e ritieni che un obbligo di accessibilità non venga rispettato, puoi anche segnalarlo all'organismo nazionale competente per i controlli. Preferiremmo che ti rivolgessi prima a noi e risponderemo in ogni caso.

Come vengono eseguiti davvero i controlli

Vale la pena descrivere due aspetti, perché sono ciò che distingue una dichiarazione da una pratica concreta.

Il contrasto viene calcolato su ciò che viene visualizzato, non analizzato nel codice. Un valore cromatico letto da un foglio di stile indica ciò che è stato richiesto per un elemento, non come questo appare alla fine: un elemento semitrasparente sopra una banda scura, una funzione cromatica moderna che una regex non comprende, un'intestazione fissa sopra un'immagine hero. Il controllo riproduce lo sfondo reale di ogni elemento risalendo fino al primo antenato opaco e determinando il colore attraverso il browser stesso, poi calcola il rapporto. Ha rilevato che il testo del corpo su questo sito aveva un rapporto di 4.49:1, sotto il livello AA, pur apparendo del tutto normale se osservato isolatamente.

La pagina viene verificata per come viene visualizzata, non per come è scritta. Un controllo separato carica ogni pagina in un browser reale e verifica se nel viewport c'è testo con opacità zero, se il documento scorre lateralmente e se qualcosa viene visualizzato con lo stesso colore del proprio sfondo. Quest'ultimo caso sembra assurdo finché non finisce in produzione: una singola regola CSS raggruppata aveva impostato una volta il colore e lo sfondo di un'etichetta allo stesso valore, producendo un rapporto di contrasto di 1:1, invisibile nel markup, invisibile nel DOM e invisibile in uno screenshot del codice sorgente.

Scelte deliberate

  • Nessun movimento senza autorizzazione. Le animazioni allo scorrimento sono attivate da uno script che prima verifica se il movimento è desiderato, così chi ha attivato la riduzione del movimento vede subito il contenuto e non lo vede mai comparire gradualmente.
  • Nessun contenuto dietro JavaScript. Nulla viene scritto come invisibile. È una scelta di accessibilità tanto quanto di prestazioni: una pagina che dipende da uno script per diventare visibile è una pagina che non funziona per chiunque non riesca a eseguire quello script.
  • Parole invece di icone nei dati. Le tabelle comparative riportano “Sì”, “Nessuno” e “Arrotondato per eccesso” invece di spunte e croci, perché una spunta è ambigua quando viene annunciata e invisibile quando viene copiata.
  • Attributo alt vuoto quando una descrizione sarebbe ripetitiva. Un'immagine dentro un link che contiene già il proprio testo riceve alt="", così uno screen reader annuncia la destinazione una sola volta invece di due.
  • Le tabelle larghe scorrono all'interno del proprio riquadro invece di spingere la pagina lateralmente, così su un telefono non è mai necessario scorrere orizzontalmente per leggere un paragrafo.

In sintesi

Sviluppiamo in conformità con WCAG 2.2 AA e la verifichiamo a ogni rilascio, misurando il contrasto rispetto allo sfondo effettivamente visualizzato anziché basarci su un'ipotesi. Questo non significa dichiarare la piena conformità.

Problemi noti: i test con lettori di schermo sono stati eseguiti solo in inglese su trenta lingue, i nostri caratteri coprono solo l'alfabeto latino, quindi per gli altri sistemi di scrittura si ricorre ai caratteri della piattaforma, gli elementi interattivi più recenti sono stati testati meno approfonditamente e non è stato svolto alcun audit di terze parti.

Segnala a [email protected] qualsiasi elemento inutilizzabile, indicando Accessibilità nell'oggetto. La segnalazione viene trattata come un rapporto di errore e i problemi che impediscono di completare un'attività vengono risolti prima degli altri.

Domande frequenti

Quale standard di accessibilità segue Telvio?

L'obiettivo per il sito è il livello AA delle WCAG 2.2, verificato a ogni rilascio anziché sottoposto a controlli periodici. Il contrasto viene misurato rispetto allo sfondo su cui ogni elemento viene effettivamente visualizzato e un errore blocca la compilazione. Non dichiariamo la piena conformità.

Il sito web di Telvio funziona senza JavaScript?

Sì. Nulla viene nascosto per impostazione predefinita per poi essere mostrato da uno script, quindi ogni pagina visualizza i propri contenuti anche con JavaScript disattivato o bloccato. Le funzioni interattive, come i filtri di confronto, sono miglioramenti aggiunti a pagine che funzionano già.

Telvio ha effettuato una verifica dell'accessibilità?

Non è stata effettuata alcuna verifica da parte di terzi né sul sito né sull'app. I controlli automatici e manuali vengono eseguiti a ogni rilascio del sito e questa dichiarazione elenca le carenze note invece di ometterle.

L'app Telvio è accessibile con uno screen reader?

L'app si basa sulle funzioni di accessibilità della piattaforma: VoiceOver e Testo dinamico su iOS, TalkBack e ridimensionamento dei caratteri su Android. Viene verificata meno spesso del sito e non viene eseguito alcun controllo formale dell'accessibilità a ogni rilascio.

Come posso segnalare un problema di accessibilità?

Invia un'email a [email protected] con l'oggetto Accessibilità, indicando la pagina o la schermata interessata, cosa stavi cercando di fare e cosa è successo. Indicare la tecnologia assistiva utilizzata e la relativa versione può essere utile, ma non è obbligatorio. Puntiamo a rispondere entro cinque giorni lavorativi.

Perché il sito usa un carattere diverso nella mia lingua?

I due caratteri tipografici con cui è progettato il sito coprono solo l'alfabeto latino. Il cirillico, il devanagari, il georgiano, il thai, l'arabo, l'ebraico, il bengalese, l'etiopico e i caratteri CJK utilizzano i caratteri predefiniti della piattaforma, che in genere garantiscono una leggibilità migliore, ma fanno sì che i dettagli tipografici in queste lingue non siano sotto il nostro controllo.

1 minuto gratisNessun account, nessuna cartaChiama gratis