Accessibilità
Se questo sito ti ha bloccato, quello è un difetto con una scadenza.
Questa è una dichiarazione di cosa facciamo, di cosa non abbiamo finito e di come dirci dove abbiamo fallito. Le promesse di accessibilità senza un elenco di problemi noti sono marketing, quindi i problemi stanno più in basso in questa pagina.
Le asticelle che ci imponiamo
| Area | Obiettivo | Come viene verificato |
|---|---|---|
| Sito e app nel complesso | WCAG 2.2 livello AA | Scansione automatica su ogni pull request, che blocca il merge |
| Testi critici per l'acquisto | WCAG 2.2 livello AAA per contrasto e livello di lettura | Contrasto 7 a 1, livello di lettura verificato a ogni modifica del testo |
| Ridimensionamento del testo | 200 per cento senza troncature o sovrapposizioni | Test di impaginazione al 100, 150 e 200 per cento su tre larghezze di viewport |
| Tastiera | Ogni funzione raggiungibile, focus sempre visibile | Un passaggio manuale su ogni percorso di acquisto e installazione a ogni rilascio |
| Screen reader | Percorsi completi su VoiceOver, TalkBack e NVDA | Un audit annuale con persone che usano tecnologia assistiva, non solo con strumenti |
| Movimento | Movimento ridotto rispettato, niente in movimento oltre i cinque secondi | Un test sulla query di preferenza nella suite automatica |
| Da destra a sinistra | Impaginazioni speculari per arabo, ebraico, persiano e urdu | Riviste da madrelingua a ogni rilascio che tocca l'impaginazione |
| Senza rete | Profilo, credito, dettagli del piano e passaggi di installazione senza connessione | Una prova in modalità aereo prima di ogni rilascio dell'app |
Dove una verifica è automatica blocca un merge. Dove è manuale blocca un rilascio. Nessuna delle due è un consiglio.
Testo, contrasto e colore
Il testo corrente rispetta un rapporto di contrasto di 4,5 a 1 come minimo, e i testi critici per l'acquisto arrivano a 7 a 1.
Il colore non porta mai il significato da solo. Un livello di copertura è un'etichetta oltre che un colore. Un errore è una parola oltre che un bordo rosso. Un piano esaurito lo dice a parole invece di limitarsi a diventare grigio. Quella regola conta soprattutto nelle pagine dove passano i soldi.
Il testo dinamico scala fino al 200 per cento. Niente nel sito è impaginato con altezze fisse che tagliano alle dimensioni grandi, e le tabelle scorrono in orizzontale dentro il loro contenitore invece di spingere la pagina di lato.
La soglia di uso corretto sul pulsante di acquisto resta leggibile a ogni dimensione. Se usi una dimensione di carattere del browser o di sistema più grande di quella predefinita, il sito la rispetta invece di sovrascriverla.
Tastiera, focus e screen reader
Ogni funzione ha un percorso da tastiera. L'elenco qui sotto è lo standard su cui facciamo i test a ogni rilascio, non una descrizione delle nostre intenzioni.
- Un collegamento per saltare al contenuto è il primo elemento nell'ordine di tabulazione di ogni pagina
- Gli indicatori di focus sono visibili su tutti gli sfondi che usiamo e rispettano le regole sull'aspetto del focus di WCAG 2.2
- Le finestre di dialogo trattengono il focus mentre sono aperte, lo restituiscono all'elemento che le ha aperte alla chiusura e si chiudono con il tasto escape
- Gli errori dei moduli vengono annunciati, associati al loro campo e descrivono la soluzione e non solo il problema
- Ogni immagine che porta significato ha un testo alternativo, e le immagini decorative sono nascoste alla tecnologia assistiva
- I diagrammi sono grafiche vettoriali in linea con ruolo ed etichetta, così il meccanismo viene descritto invece di essere annunciato come immagine
- I titoli formano una gerarchia vera, quindi la navigazione per titoli ti porta in giro per una pagina paese in pochi secondi
Movimento
La preferenza di movimento ridotto è rispettata su tutto il sito e su entrambe le app.
Il motivo del marchio è disegnato come vettore con keyframe nel foglio di stile invece che consegnato tramite un motore di animazione. Si ferma del tutto invece di restare animato a metà, e costa qualche centinaio di byte invece di un quarto di megabyte di codice.
Niente parte da solo con l'audio, niente lampeggia più di tre volte al secondo, e niente si muove per più di cinque secondi senza un comando per fermarlo.
Da destra a sinistra, sul serio
Arabo, ebraico, persiano e urdu sono lingue che si scrivono da destra a sinistra e le trattiamo come impaginazioni invece che come traduzioni.
Navigazione, indicatori di avanzamento, icone direzionali, ordine di lettura delle tabelle, flusso dei moduli e direzione dei passaggi di installazione sono tutti speculari. Numeri, nomi di prodotto in caratteri latini e valori di velocità stanno al posto giusto dentro la frase, perché il testo è gestito in modo bidirezionale invece che rovesciato.
Questo conta commercialmente oltre che eticamente. Il numero della limitazione, la regola del rimborso e la soglia di uso corretto sono le frasi che più facilmente vengono lette male, e un'impaginazione da destra a sinistra rotta è esattamente il punto in cui una persona smette di fidarsi di una pagina.
Oggi sono online dodici lingue e ognuna porta gli stessi numeri negli stessi posti.
Stare senza rete è un bisogno di accesso
Problemi noti
Una dichiarazione senza problemi noti non è stata testata. Questi sono aperti, e ognuno ha un responsabile.
- Due vecchi articoli di aiuto hanno tabelle che scorrono male su schermo stretto con il testo al 200 per cento, e li stiamo riscrivendo
- La mappa di copertura è un supporto visivo con un equivalente testuale completo accanto, e preferiremmo che la mappa stessa fosse navigabile da tastiera
- Alcuni riquadri di pagamento di terze parti sono fuori dal nostro controllo, e abbiamo portato le osservazioni specifiche al gestore invece di accettarle in silenzio
- Persiano e urdu sono completi sui contenuti di aiuto e legali ma non ancora su tutto l'archivio della rivista
Dicci dove abbiamo fallito
Scrivi a accessibility at orbislo.com. Dicci la pagina, il dispositivo, la tecnologia assistiva e cosa è successo.
Una persona risponde entro due giorni lavorativi con una gravità e una data obiettivo. Tutto ciò che blocca un acquisto, un'installazione o un rimborso viene trattato come un incidente in produzione e non come una voce di backlog.
Non stai inviando un parere. Stai aprendo un bug, e lo tratteremo così.