Dichiarazione di accessibilità
Rubyy è progettato per essere utilizzabile dal maggior numero possibile di persone, indipendentemente da come navigano sul web. Questa pagina descrive le funzionalità di accessibilità che abbiamo integrato in rubyy.com, le limitazioni di cui siamo a conoscenza e come segnalarci ciò che non funziona.
Obiettivo di conformità
Puntiamo a soddisfare le Web Content Accessibility Guidelines (WCAG) 2.1 livello AA. È il livello a cui la maggior parte delle giurisdizioni fa riferimento per i siti web rivolti al pubblico (la Direttiva UE sull'accessibilità del web, il PSBAR del Regno Unito, l'aggiornamento della Sezione 508 negli USA, lo standard comunemente citato dall'ADA). Testiamo il sito di marketing contro AA a ogni rilascio; alcune aree superano AA dove è stato semplice farlo e alcune lacune note non lo raggiungono. Entrambi gli elenchi sono qui sotto.
Il prodotto Rubyy completo (la piattaforma stessa) è in sviluppo pre-lancio. Quando il prodotto verrà rilasciato, pubblicheremo una dichiarazione di accessibilità separata che coprirà la dashboard e le vetrine che i nostri clienti costruiscono con essa.
Cosa abbiamo costruito
- Navigazione da tastiera. Ogni controllo interattivo del sito può essere raggiunto e attivato con Tab, Maiusc+Tab, Invio, Spazio ed Esc. Il primo elemento focalizzabile di ogni pagina è un link Salta al contenuto principale che porta oltre l'intestazione.
- Indicatore di focus visibile. Un contorno di 2 pixel appare attorno a qualsiasi elemento sotto focus da tastiera, sia in modalità chiara sia in modalità scura.
- Punti di riferimento semantici. La pagina è strutturata con regioni
<header>,<main>,<nav>e<footer>, così che le tecnologie assistive possano saltare tra di esse. I livelli di intestazione sono logici (un<h1>per pagina, nessun livello saltato al di sotto). - Moduli. Sia l'iscrizione alla lista di lancio sia il modulo di contatto hanno etichette visibili, contrassegnano i campi obbligatori con
aria-required, mostrano i messaggi di errore collegati al campo viaaria-describedby, attivanoaria-invalidsul campo in errore e annunciano lo stato di invio tramite una live region «polite». Il pulsante di invio è disattivato finché non si focalizza un campo, e il modulo impostaaria-busymentre la richiesta è in corso. - Carosello. Il carosello dei prodotti in evidenza annuncia i cambi di slide tramite una live region «polite», ha pulsanti precedente / successivo etichettati e la navigazione a punti legge «Vai alla diapositiva N di M» nella Sua lingua. Il binario risponde anche allo swipe nativo e allo scorrimento con le frecce.
- Selettore Paese. Il menu a tendina del Paese nell'header è una
<nav>etichettata di link; la lingua attiva è contrassegnata conaria-current="true". Per i Paesi multilingue (Belgio, Canada, Svizzera, Finlandia, Lussemburgo) ogni lingua è un link focalizzabile a sé. - Movimento ridotto. Se il Suo sistema operativo ha «Riduci movimento» attivato (Accessibilità di macOS / iOS, Impostazioni Windows → Accessibilità → Effetti visivi), disattiviamo l'animazione di scintillio delle gemme, lo scorrimento dei divisori, lo slide del cookie banner e la pulsazione automatica del carosello. Il sito resta statico.
- Contrasto. Il testo del corpo e le azioni principali superano il contrasto AA sia in modalità chiara sia in modalità scura. Le eyebrow e i colori dei link passano a una tonalità di rubino più chiara in modalità scura per mantenere il contrasto contro le card scure.
- Testi alternativi. Ogni immagine significativa del sito (screenshot di prodotto, icone del pubblico, copertina OpenGraph) ha un testo alternativo descrittivo. Le gemme decorative e le linee divisorie sono contrassegnate
aria-hiddenin modo che gli screen reader non le annuncino. - Font self-hosted. Pacifico e Poppins sono serviti dalla stessa origine del resto del sito, quindi vengono caricati anche quando le CDN di font di terze parti sono bloccate dagli strumenti di tutela della privacy.
- Attributo di lingua. L'attributo
langdella pagina corrisponde alla lingua attiva, così gli screen reader pronunciano il testo con la voce corretta. Il selettore elenca 41 coppie Paese / lingua e ricorda la Sua scelta per un anno. - Cookie banner. Il banner è una regione etichettata, può essere raggiunto via Tab da qualsiasi punto della pagina, e il link Preferenze cookie nel footer lo riapre direttamente sul pannello delle impostazioni per categoria e sposta il focus su di esso. Il rifiuto è raggiungibile con un solo clic sul banner alla prima visita, con la stessa evidenza dell'accettazione.
- Countdown. Le celle delle cifre visibili si aggiornano ogni secondo ma sono nascoste agli screen reader; al loro posto viene esposto un riepilogo fuori schermo aggiornato una volta al minuto, così le tecnologie assistive non leggono ogni tick.
- Messaggi di stato. Errori e successi sono annunciati tramite live region con
role="status", non solo con il colore.
Limitazioni note
Siamo aperti sulle lacune che non abbiamo ancora colmato. Se una di queste Le impedisce di utilizzare il sito, ce lo segnali.
- Revisione della traduzione maltese in sospeso. La traduzione maltese (
mt) è una prima bozza non ancora rivista da un madrelingua. Se nota frasi poco naturali, ci scriva. - Islanda e Lussemburgo. Stripe Connect (che usiamo per i pagamenti) non è localizzato per islandese o lussemburghese, quindi i visitatori da questi Paesi vedono il sito in inglese (Islanda) o in francese / tedesco (Lussemburgo). Non appena Stripe aggiungerà queste lingue, le seguiremo.
- Frecce della tastiera nel carosello. Il carosello risponde a clic, tocchi e swipe, ma attualmente non ruota tramite le frecce della tastiera quando il focus è all'interno del binario. I pulsanti precedente / successivo coprono completamente la stessa funzionalità.
- Focus al primo paint del cookie banner. Quando un visitatore arriva per la prima volta sul sito, il cookie banner viene mostrato in basso ma il focus resta sul corpo del documento per non interrompere la lettura. Per raggiungerlo via tastiera, prema Tab fino a passare la pagina; oppure usi il link Preferenze cookie nel footer, che sposta il focus all'interno del banner.
Browser e tecnologie assistive
Testiamo il sito contro:
- Chrome e Firefox su Windows 11 e macOS Sonoma
- Safari 17 su macOS Sonoma e iOS 17 / 18
- Microsoft Edge su Windows 11
- VoiceOver su macOS Sonoma e iOS, NVDA su Windows, TalkBack su Android
- Browser basati su Chromium in modalità Contrasto elevato di Windows
Browser e tecnologie assistive più vecchi potrebbero rendere alcune parti del sito in modo diverso; risolveremo gli specifici problemi che ci segnalerà.
Come segnalare un ostacolo
Se qualcosa su questa pagina non funziona con la Sua tecnologia assistiva, o se trova un problema di contrasto / tastiera / screen reader che ci è sfuggito, scriva a [email protected]. La preghiamo di includere:
- L'URL della pagina in cui ha riscontrato il problema
- Cosa stava cercando di fare
- La tecnologia assistiva / il browser che stava usando
- Cosa è accaduto (e cosa si aspettava invece)
Risponderemo al Suo messaggio entro due giorni lavorativi e Le indicheremo quando prevediamo di rilasciare una correzione.
Reclami formali
Se risiede nell'UE e non riusciamo a risolvere il Suo reclamo, può rivolgersi all'autorità di vigilanza in materia di accessibilità del Suo Stato membro. I visitatori del Regno Unito possono rivolgersi alla Equality and Human Rights Commission. I visitatori statunitensi possono presentare reclamo al Department of Justice ai sensi dell'ADA.
Modifiche a questa dichiarazione
Aggiorneremo la data «ultimo aggiornamento» qui sopra ogni volta che rilasceremo modifiche rilevanti per l'accessibilità. Le aggiunte significative (una nuova funzionalità del sito, una nuova lingua, la correzione di una limitazione documentata) saranno inoltre riepilogate qui.