📌 Dichiarazione di Accessibilità

BiotechProject è profondamente impegnato a garantire che il sito web sia accessibile a tutti gli utenti, inclusi coloro che vivono con disabilità visive, uditive, cognitive, motorie o neurodiverse. L’accessibilità non è un’opzione, ma un principio fondante del nostro design.

🎯 Conformità agli standard

Questo sito web è conforme ai requisiti delle Linee guida per l’accessibilità dei contenuti web (WCAG) 2.1, al livello AA, con elementi che si avvicinano al livello AAA in ambiti specifici.

La conformità è stata verificata tramite audit tecnico, strumenti automatici (axe, WAVE) e test manuali con screen reader (NVDA, VoiceOver) e navigazione da tastiera.

✅ Caratteristiche di accessibilità

Navigazione da tastiera completa: Tutte le funzionalità sono accessibili tramite tastiera, con supporto a Tab, Invio, Spazio, Esc, Frecce, Home ed End.
Supporto avanzato ai menu: I dropdown sono navigabili con frecce, Home e End; la chiusura con Esc ripristina correttamente il focus.
Pulsante di attivazione navigazione: Un pulsante in alto a sinistra permette di attivare un’evidenziazione visiva dedicata per chi usa la tastiera.
Compatibilità con screen reader: Struttura HTML semantica, uso corretto di ARIA (role, aria-label, aria-expanded, aria-controls) e gestione dinamica dello stato.
Contrasto sufficiente: Tutti i testi rispettano il rapporto minimo 4.5:1 (testo normale) e 3:1 per elementi UI non testuali, in conformità a WCAG 1.4.3 e 1.4.11.
Testo ridimensionabile: Il contenuto rimane leggibile e funzionale anche con zoom fino al 200%, senza perdita di informazioni (WCAG 1.4.4 e 1.4.10).
Controllo delle animazioni: Tutte le animazioni non essenziali (menu, pulsanti, particelle) sono disattivate automaticamente se l’utente ha impostato prefers-reduced-motion: reduce.
Supporto al contrasto elevato: Il sito rispetta la preferenza utente prefers-contrast: high. In questi casi, viene automaticamente applicato un tema ad alto contrasto (blu profondo) per migliorare la leggibilità, anche in assenza di un tema personalizzato.
Tema visivo dinamico: È disponibile un selettore di colori nel menu Service che permette di scegliere tra cinque varianti cromatiche (Verde, Ciano, Viola, Arancione, Blu Profondo), adatte a diverse condizioni visive, inclusi forme di daltonismo.
Persistenza delle preferenze: La scelta del tema e lo stato della navigazione da tastiera vengono salvati in localStorage e ripristinati alla successiva visita.
Popup accessibili: Le finestre modali e i popup sono aperti in modo centrato, con focus gestito correttamente e supporto a Esc. Sono disponibili anche versioni legacy per retrocompatibilità.
Lazy loading sicuro: Le immagini vengono caricate in modo differito tramite IntersectionObserver, con fallback per browser vecchi. Il testo alternativo (alt) è sempre presente prima del caricamento.
Orologi e contatori accessibili: L’orologio e il conto alla rovescia sono aggiornati dinamicamente e contrassegnati con aria-live="polite" per annunciare i cambiamenti agli screen reader.
Design resiliente: Nessun dipendente da framework esterni. JavaScript vanilla, CSS moderno ma retrocompatibile, e HTML semantico assicurano robustezza e accessibilità a lungo termine.

🛠️ Tecnologie utilizzate

HTML5, CSS3 (con Custom Properties), JavaScript (vanilla, senza framework), ARIA 1.2, WAI-ARIA, prefers-reduced-motion, prefers-contrast, localStorage, IntersectionObserver.

📞 Feedback e segnalazioni

Il tuo feedback è fondamentale per migliorare l’accessibilità del nostro progetto. Se riscontri barriere o hai suggerimenti, ti invitiamo a contattarci.

📅 Data ultima verifica

3 settembre 2025

“BiotechProject non è solo scienza: è inclusione. Ogni linea di codice è progettata per essere accessibile, resiliente e umana.”

BiotechProject. Un progetto per un web più inclusivo.