Crediamo che il sito woodencasa.it debba essere utilizzabile dal maggior numero possibile di persone, incluse quelle con disabilità visive, motorie, cognitive o uditive.
Scegliere una casa in legno è una decisione importante, spesso il frutto di mesi di ricerche, confronti e riflessioni: crediamo che il sito attraverso cui questa decisione viene esplorata debba essere semplice da usare per chiunque, senza eccezioni. Un catalogo, una scheda tecnica o un modulo di contatto che risultano difficili da consultare per una persona con disabilità visiva, motoria, cognitiva o uditiva rappresentano, per noi, un problema da risolvere con la stessa serietà con cui affrontiamo un difetto strutturale in una delle nostre case.
Questo impegno non è un adempimento formale isolato, ma un criterio che entra nelle scelte quotidiane di chi lavora sul sito: dalla scrittura dei testi alla scelta dei colori, dalla struttura delle pagine alla progettazione dei moduli di richiesta preventivo. L'obiettivo è che un genitore che naviga da smartphone con il pollice stanco, una persona ipovedente che usa uno screen reader o chi si muove nel sito solo con la tastiera possano trovare le stesse informazioni, con la stessa facilità, di chiunque altro.
Il sito è progettato tenendo conto delle Web Content Accessibility Guidelines (WCAG) del World Wide Web Consortium (W3C), le linee guida internazionali di riferimento per rendere i contenuti web accessibili a persone con un'ampia gamma di esigenze. In particolare, guardiamo ai quattro principi cardine su cui si fondano queste linee guida: percepibilità delle informazioni, utilizzabilità dell'interfaccia, comprensibilità dei contenuti e robustezza tecnica del codice, così da garantire un buon funzionamento anche con tecnologie assistive diverse.
Questi standard non sono un traguardo fisso da raggiungere una volta per tutte, ma un riferimento continuo che orienta ogni scelta tecnica, dal markup HTML utilizzato nelle pagine alla progettazione dei componenti interattivi come i menu a tendina, i filtri del catalogo o i moduli di richiesta.
Non tutte le persone utilizzano un mouse o uno schermo touch per navigare: per questo ci assicuriamo che ogni elemento interattivo del sito — link, pulsanti, filtri di categoria, menu a tendina, moduli di contatto — sia raggiungibile e utilizzabile anche premendo semplicemente il tasto Tab sulla tastiera, seguendo un ordine di navigazione logico e coerente con la struttura visiva della pagina. Il punto in cui ci si trova durante la navigazione da tastiera è sempre visibile grazie a un'evidenziazione chiara dell'elemento attivo, così da non perdere mai il filo mentre ci si sposta tra le sezioni.
Il sito è costruito utilizzando markup HTML semantico — titoli strutturati in ordine gerarchico, elenchi puntati per le liste di caratteristiche, tabelle correttamente etichettate per le schede tecniche — proprio perché è il modo più affidabile per garantire una buona compatibilità con screen reader e altre tecnologie assistive. Attributi descrittivi (come le etichette ARIA sui pulsanti che aprono i menu o i filtri) aiutano queste tecnologie a comunicare correttamente all'utente cosa sta succedendo sullo schermo, ad esempio quando un menu a tendina viene aperto o un filtro del catalogo viene applicato.
La leggibilità dei testi è una delle aree a cui prestiamo più attenzione, perché riguarda potenzialmente ogni visitatore del sito, non solo le persone con una disabilità visiva diagnosticata. Curiamo il contrasto tra testo e sfondo secondo i rapporti minimi raccomandati dalle linee guida WCAG, scegliamo una tipografia con buona leggibilità anche a dimensioni ridotte, ed evitiamo di affidare esclusivamente al colore la comunicazione di un'informazione importante (ad esempio un messaggio di errore in un modulo), preferendo sempre un'indicazione testuale accompagnata da un'icona o da un simbolo.
Anche le dimensioni del testo sono pensate per essere adattabili: il sito risponde correttamente all'ingrandimento del testo tramite le funzioni del browser, senza che i contenuti si sovrappongano o diventino illeggibili, un aspetto particolarmente utile per chi ha una vista ridotta ma preferisce comunque navigare autonomamente, senza uno screen reader.
Ogni fotografia, illustrazione o render presente nel sito — dalle immagini dei modelli alle foto del nostro team, fino ai dettagli dei materiali — è accompagnata da un testo alternativo descrittivo, pensato per comunicare il contenuto reale dell'immagine a chi non può vederla, anziché una descrizione generica o puramente decorativa. Lo stesso principio guida la struttura delle pagine: titoli e sottotitoli seguono una gerarchia logica (h1, h2, h3) che permette a chi utilizza uno screen reader di orientarsi rapidamente tra le sezioni di una pagina lunga, ad esempio una scheda tecnica dettagliata, senza doverla ascoltare per intero dall'inizio.
I moduli presenti sul sito — richiesta di preventivo, contatti, modulo di recesso — sono progettati con etichette (label) chiaramente associate a ogni campo, indicazioni esplicite sui campi obbligatori e messaggi di errore descrittivi in caso di compilazione incompleta o non corretta. L'obiettivo è che compilare un modulo sia un'esperienza chiara indipendentemente dallo strumento utilizzato per navigare: mouse, tastiera, comandi vocali o tecnologie assistive più specifiche.
Nonostante l'impegno, è possibile che alcune pagine o alcuni componenti del sito non siano ancora pienamente accessibili: il web è in continua evoluzione, così come le tecnologie assistive e le linee guida stesse, e un sito complesso come il nostro — con centinaia di schede prodotto, un catalogo filtrabile e diversi moduli interattivi — richiede un lavoro di verifica costante, non un intervento isolato. Per questo consideriamo l'accessibilità un percorso continuo: pianifichiamo controlli periodici sulle pagine principali del sito, aggiorniamo il codice quando individuiamo margini di miglioramento, e teniamo conto dell'accessibilità fin dalla progettazione di ogni nuova sezione o funzionalità, non come verifica finale a lavoro concluso.
Chi lavora alla realizzazione e all'aggiornamento del sito viene sensibilizzato sui principi di base dell'accessibilità digitale, così da incorporarli naturalmente nel modo in cui vengono scritti i contenuti e sviluppate le nuove funzionalità, invece di trattarli come una lista di controllo da spuntare a lavoro finito. Le pagine più importanti dal punto di vista dell'esperienza utente — catalogo, schede prodotto, moduli di contatto — vengono verificate periodicamente anche tramite navigazione da tastiera e strumenti automatici di controllo del contrasto e della struttura semantica del codice.
Se durante la navigazione incontri una difficoltà di accessibilità — un testo poco leggibile, un elemento che non risulta raggiungibile da tastiera, un'immagine priva di descrizione adeguata o qualsiasi altro ostacolo — scrivici a info.woodencasa@libero.it descrivendo, se possibile, la pagina interessata, il dispositivo e la tecnologia assistiva utilizzata (se presente): ogni segnalazione viene presa in carico dal nostro team e ci aiuta concretamente a migliorare il sito per tutti i visitatori, non solo per chi ce l'ha segnalata.