Accessibilità
Come abbiamo progettato questo sito perché possa essere usato da tutte le persone, cosa abbiamo verificato, cosa resta da migliorare e come segnalarci una barriera.
Il nostro impegno
Rodighiero.Design progetta edifici, spazi e prodotti secondo l'approccio Design for All: un progetto è riuscito quando può essere usato, compreso e vissuto dal maggior numero possibile di persone, nella diversità delle loro capacità, età e condizioni.
Applichiamo lo stesso criterio al nostro sito. L'accessibilità è stata un requisito fin dalla prima bozza, non un'aggiunta successiva.
Stato di conformità
Il sito è progettato per rispettare le Web Content Accessibility Guidelines (WCAG) 2.2 (si apre in una nuova scheda) al livello AA, i criteri richiamati dalla norma europea EN 301 549.
- Stato
- Parzialmente conforme
- Motivo
- La verifica manuale con i lettori di schermo è in corso; un elemento in movimento è descritto tra i limiti noti.
- Riferimento
- WCAG 2.2, livello AA
Pubblichiamo questa dichiarazione volontariamente, seguendo la struttura del modello AgID adottato dalle pubbliche amministrazioni.
Limiti noti
- Carosello dei loghi dei clienti. Scorre automaticamente senza un pulsante di pausa dedicato (criterio 2.2.2). Si ferma attivando «Ferma le animazioni» nelle preferenze di accessibilità, oppure impostando la riduzione del movimento nel proprio dispositivo; può essere spostato anche con mouse, touchpad, tastiera e tocco.
- Traduzioni. Le versioni italiana e inglese sono scritte dallo studio. Le altre lingue del selettore usano la traduzione automatica di Google tramite GTranslate: il testo tradotto può contenere imprecisioni e fa fede quello italiano. Il servizio viene caricato solo quando si sceglie una di queste lingue.
- Company profile in PDF. I file scaricabili riproducono l'impaginato a stampa e non sono documenti PDF strutturati per gli screen reader. Lo stesso testo è disponibile, pagina per pagina, nel visualizzatore della pagina Chi siamo, con il comando «Testo di queste pagine».
- Siti esterni. I collegamenti ai siti dei clienti e dei marchi partner portano a contenuti di cui non siamo responsabili.
Come è progettato il sito
- Struttura dei titoli ordinata e aree della pagina dichiarate, per orientarsi con i lettori di schermo.
- Contrasto del testo non inferiore a 4,5:1, verificato in tema chiaro e scuro.
- Navigazione completa da tastiera, con il punto di attenzione sempre visibile e un collegamento per saltare al contenuto.
- Ingrandimento libero fino al 400% senza perdita di contenuti; lo zoom del browser non è mai bloccato.
- Testi alternativi scritti a mano per ogni immagine di progetto, descrittivi di ciò che si vede.
- Rispetto delle impostazioni del dispositivo: riduzione del movimento e tema scuro vengono applicati automaticamente.
- Collegamenti prevedibili: le pagine del sito si aprono nella stessa scheda; i siti esterni in una nuova scheda, segnalata da una freccia ↗ e annunciata dagli screen reader. Chi preferisce può aprire tutto nella stessa scheda dalle preferenze.
- Su ogni pagina un filetto verticale a destra indica la lunghezza della pagina e il punto in cui ci si trova; le sezioni principali sono raggiungibili da lì con un clic o con la tastiera.
- Le strisce panoramiche si muovono più lentamente della pagina per dare profondità; l'effetto si spegne con «Ferma le animazioni» o con la riduzione del movimento del dispositivo.
- Il company profile si sfoglia sotto il menu, che resta attivo: il pannello Accessibilità, la scelta della lingua e la lettura ad alta voce valgono anche lì. Le frecce sinistra e destra cambiano doppia pagina, Inizio e Fine portano alla prima e all'ultima, Esc chiude e riporta al comando di apertura; su telefono si cambia pagina scorrendo con il dito. «Testo di queste pagine» apre accanto il testo della doppia pagina, che si ingrandisce, si traduce e si fa leggere ad alta voce: la lettura prosegue da una doppia pagina all'altra.
- Nei case study ogni immagine si apre ingrandita in una finestra in primo piano: le frecce o i due tasti ai lati passano all'immagine precedente o successiva, Inizio e Fine alla prima e all'ultima, Esc chiude e riporta all'immagine da cui si era partiti; su telefono si scorre con il dito. Ogni immagine ha la sua descrizione per gli screen reader; con «Mostra descrizioni» la descrizione compare anche scritta sotto l'immagine.
- Nessun widget di correzione automatica sovrapposto alla pagina: il sito è costruito accessibile all'origine.
Preferenze di accessibilità
Il comando «Accessibilità» nel menu apre un pannello con alcune regolazioni: testo più grande, spaziatura del testo, carattere ad alta leggibilità, contrasto elevato, collegamenti evidenziati, descrizioni delle immagini, arresto delle animazioni, apertura dei siti esterni nella stessa scheda. Le scelte restano salvate su questo dispositivo e si annullano con «Ripristina».
Dallo stesso pannello, «Leggi ad alta voce» fa leggere la pagina dalla voce di sintesi del dispositivo, un blocco alla volta: titoli, paragrafi, voci di elenco e immagini con la loro descrizione. Una barra in basso, con il nome della sezione in lettura, permette di fermare e riprendere la lettura e di muoversi nella pagina su due livelli: ogni tasto ha il suo nome scritto sotto l'icona; i tasti esterni saltano alla sezione precedente o successiva, quelli interni al paragrafo precedente o successivo, quello centrale ferma e riprende; un interruttore nella riga in alto decide se leggere anche le descrizioni delle immagini (spente all'inizio, accese se nel pannello è attiva «Mostra descrizioni»; la scelta resta memorizzata, e le didascalie sotto le foto si leggono sempre); dopo ogni salto la lettura prosegue da lì. Il blocco in lettura è evidenziato e la pagina lo segue, in su e in giù. Con il fuoco nella barra, le frecce sinistra e destra spostano di un paragrafo, con il tasto Maiuscole di una sezione. Se si ferma la lettura e si sposta la pagina a mano, alla ripresa si riparte da ciò che è visibile. Con la barra aperta, un clic su un paragrafo fa ripartire la lettura da lì. Il comando compare solo se il dispositivo dispone di una voce nella lingua della pagina; la qualità della voce dipende dal sistema operativo. Per chi usa già uno screen reader, la funzione non è necessaria.
Le stesse regolazioni, attivate nelle impostazioni di accessibilità del sistema operativo o del browser, valgono su tutti i siti.
Usare il sito con la tastiera
Ogni parte del sito si raggiunge e si usa senza mouse. I comandi sono quelli abituali del web:
- Tab e Maiuscole + Tab per spostarsi in avanti e indietro tra collegamenti e pulsanti, nell'ordine in cui appaiono; il primo è «Vai al contenuto», che salta la testata.
- Invio per aprire un collegamento, Invio o Spazio per premere un pulsante.
- Frecce su e giù , Spazio e i tasti pagina per scorrere la pagina.
- Esc per chiudere il menu, il pannello Accessibilità, la scelta della lingua e la barra di lettura.
In alcuni punti le frecce sinistra e destra hanno un compito in più. Nella presentazione d'apertura il primo comando è la pausa; subito dopo, le tre immagini formano un'unica tappa, in cui ci si sposta con le frecce (Inizio e Fine portano alla prima e all'ultima). Finché il punto di attenzione è su questi comandi la presentazione resta ferma, e riparte quando lo si sposta altrove. Le frecce fanno scorrere anche la fascia dei loghi dei clienti e, nella barra di lettura ad alta voce, spostano di un paragrafo (con Maiuscole, di una sezione).
Impostazioni dei browser
Alcuni browser, soprattutto su Mac, all'inizio con Tab raggiungono solo pulsanti e campi dei moduli e saltano i collegamenti. È una loro impostazione, che si cambia una volta per tutti i siti:
- Safari su Mac: in Safari, Impostazioni, Avanzate, attivare «Premi Tabulatore per evidenziare gli elementi della pagina web». In alternativa, Opzione + Tab raggiunge ogni elemento senza cambiare impostazioni.
- Chrome: nelle Impostazioni, alla voce Aspetto, l'opzione che fa evidenziare con Tab anche i collegamenti e non solo i campi dei moduli; di solito è già attiva.
- Firefox su Mac: segue l'impostazione del sistema; in Impostazioni di Sistema, Tastiera, attivare «Navigazione da tastiera».
- Edge e Firefox su Windows: funzionano così come sono, senza impostazioni.
Il testo si ingrandisce in tutti i browser con Cmd o Ctrl e +; il sito si ricompone senza perdere contenuti fino al 400%.
Metodo di verifica
- Verifica automatica con axe-core su schermo desktop, su schermo da telefono e in tema scuro: nessun errore rilevato.
- Controllo del contrasto di tutti i colori del sito.
- Prove di navigazione da tastiera e di ingrandimento del testo.
- Da completare: prove con i lettori di schermo VoiceOver e NVDA e prove con persone con disabilità.
Dichiarazione redatta il .
Segnala una barriera
Se una parte del sito non ti è accessibile, scrivici. Ogni segnalazione ci aiuta a migliorare il sito per tutti.
Ti chiediamo di indicare, se puoi:
- la pagina in cui hai incontrato il problema;
- che cosa stavi cercando di fare;
- il dispositivo, il browser ed eventuali tecnologie assistive che usi.
Rispondiamo entro 10 giorni lavorativi.
Scrivi una segnalazione oppure scrivi a info@rodighiero.design