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
Atelier Rodighiero.Design è la parte di Rodighiero.Design dedicata alle ville sui laghi. Lo studio lavora 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 a questo 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; i limiti noti sono descritti qui sotto.
- Riferimento
- WCAG 2.2, livello AA
Pubblichiamo questa dichiarazione volontariamente, seguendo la struttura del modello AgID adottato dalle pubbliche amministrazioni.
Limiti noti
- Traduzioni. Il testo di riferimento è quello italiano, scritto dall’atelier. 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 lingua.
- Archivio riservato dei clienti. Dalla pagina Client Login si passa al cloud dello studio (cloud.rodighiero.design), dove si inseriscono nome utente e password. È un servizio separato da questo sito, basato sul software Nextcloud: la sua accessibilità dipende da quel software e non è coperta da questa dichiarazione.
- Siti esterni. I collegamenti a Rodighiero.Design e ad altri siti portano a contenuti di cui questa dichiarazione non risponde.
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; il testo sopra le fotografie poggia su una velatura calcolata per restare leggibile anche sui cieli chiari.
- 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 fotografia delle ville, 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 dai lettori di schermo. Chi preferisce può aprire tutto nella stessa scheda dalle preferenze.
- Le presentazioni d’apertura, con fotografie e video, hanno sempre un pulsante di pausa; i video sono muti e decorativi. Tutto si ferma con «Ferma le animazioni» o con la riduzione del movimento del dispositivo.
- Nelle schede delle ville ogni fotografia 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 i lettori di schermo; con «Descrizioni delle immagini» la descrizione compare anche scritta sull’immagine.
- Il sito non ha moduli: si scrive all’atelier con il programma di posta, con un messaggio già impostato.
- 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 permette di fermare e riprendere la lettura e di spostarsi di un paragrafo o di una sezione. Il comando compare solo se il dispositivo dispone di una voce nella lingua della pagina; la qualità della voce dipende dal sistema operativo.
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, la finestra delle immagini e la barra di lettura.
Alcuni browser, soprattutto su Mac, all’inizio con Tab raggiungono solo pulsanti e campi 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.
- Chrome: nelle Impostazioni, alla voce Aspetto, l’opzione che fa evidenziare con Tab anche i collegamenti; 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 (WCAG 2.2 AA e buone pratiche) di tutte le 17 pagine, su schermo da computer e da telefono, in tema chiaro e scuro, con il menu, il pannello Accessibilità, la scelta della lingua e la finestra delle immagini aperti e con tutte le preferenze attive: 330 controlli, nessun errore rilevato.
- Misura del contrasto del testo sopra le fotografie e i video d’apertura, nel punto più chiaro di ogni immagine, su computer e telefono: tutto il testo sopra 4,5:1.
- Prova delle pagine da 320 a 1280 pixel di larghezza, con testo ingrandito, spaziatura, carattere ad alta leggibilità e descrizioni delle immagini attivi: nessuno scorrimento orizzontale, descrizioni presenti su tutte le immagini.
- 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 , aggiornata 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 atelier@rodighiero.design