L’accessibilità è una pratica continua di design, contenuto e sviluppo. Le funzioni essenziali devono essere comprensibili con tastiera, screen reader, testo ingrandito e dispositivi diversi.
Usiamo le linee guida per l’accessibilità web come riferimento di lavoro, senza presentare il sito come una certificazione conclusa: correggiamo gli ostacoli man mano che emergono.
Percepire
Gerarchie chiare, contrasto, testi alternativi e avvisi che non dipendono solo dal colore.
Usare
Controlli riconoscibili, focus visibile e percorsi utilizzabili da tastiera.
Comprendere
Linguaggio diretto, istruzioni ordinate e messaggi che spiegano il passo successivo.
Come costruiamo l’interfaccia
La struttura semantica conserva il significato di titoli, elenchi, moduli e navigazione anche fuori dal design visivo. I controlli hanno nomi accessibili e i cambiamenti importanti sono comunicati in modo visibile.
Controlliamo inoltre l’ingrandimento del contenuto e lo spazio dei bersagli tattili. Le ricette includono una vista di stampa semplificata.
- Navigazione e moduli utilizzabili da tastiera.
- Focus visibile su link, pulsanti e campi.
- Lingua della pagina e gerarchia dei titoli riconoscibili.
- Preferenza per movimento ridotto rispettata.
- Layout adattabili a mobile, tablet e desktop.
JavaScript e strumenti interattivi
Ricette, ingredienti, articoli e navigazione principale restano leggibili senza JavaScript. Alcuni strumenti personali — salvati, spesa, dispensa e planner — ne hanno bisogno perché funzionano nel browser.
Questi dati sono conservati localmente. Se l’archiviazione locale è bloccata, le pagine restano leggibili ma le modifiche non si conservano tra le visite.
- I pulsanti comunicano lo stato con testo e attributi accessibili.
- Gli avvisi di salvataggio sono annunciati senza cambiare pagina.
- La modalità cucina offre passaggi grandi e controlli sequenziali.
- La stampa elimina navigazione e immagini superflue.
Limiti e assistenza
Un sito in crescita può introdurre barriere non rilevate, soprattutto con combinazioni specifiche di browser, tecnologia assistiva o contenuto tradotto. Diamo priorità ai problemi che bloccano un’attività.
Per segnalare un problema, indica pagina, dispositivo, browser, tecnologia assistiva e passaggio preciso. Non servono dati sensibili.
- Scegli «Problema tecnico» nel modulo di contatto.
- Accogliamo osservazioni su leggibilità, traduzione o navigazione.
- Le correzioni seguono lo stesso flusso editoriale del resto del sito.