In breve
Vogliamo che Ordinamenta sia utilizzabile da tutti: ragazzi e ragazze con disabilità visive, motorie, uditive, cognitive, o con difficoltà di apprendimento. Questa pagina spiega come stiamo lavorando per ottenerlo, dove siamo arrivati, e cosa ci manca ancora.
Se trovi una parte del sito che non riesci a usare, scrivici: per noi è una segnalazione importante.
1. Il nostro impegno
Ordinamenta è un sito educativo per minori, e l'accessibilità non è un dettaglio: è parte del fatto stesso di essere una scuola. Una scuola che esclude qualcuno non è una scuola.
Ci impegniamo a rendere il sito conforme alle Web Content Accessibility Guidelines (WCAG) 2.1 livello AA del W3C. È lo standard internazionale per l'accessibilità web e rappresenta il livello di conformità raccomandato per qualsiasi sito.
2. Standard di riferimento
Lavoriamo seguendo questi standard:
- WCAG 2.1 livello AA del W3C (w3.org/TR/WCAG21)
- EN 301 549 v.3.2.1 — norma tecnica europea sull'accessibilità (equivalente WCAG 2.1 AA)
- Legge 9 gennaio 2004 n. 4 ("Legge Stanca") e successive modifiche
- D.lgs. 10 agosto 2018 n. 106 (recepimento Direttiva UE 2016/2102)
- Regolamento UE 2019/882 ("European Accessibility Act"), in vigore per il settore privato dal 28 giugno 2025
Pur essendo Ordinamenta un progetto di una persona fisica privata e gratuito, applichiamo volontariamente gli standard previsti per la pubblica amministrazione e per i grandi servizi privati.
3. Stato attuale di conformità
Al momento, Ordinamenta è parzialmente conforme allo standard WCAG 2.1 livello AA.
«Parzialmente conforme» significa che la maggior parte dei criteri è soddisfatta, ma alcuni elementi specifici hanno ancora delle limitazioni che stiamo lavorando per correggere.
Cosa funziona già
✅ Struttura semantica: utilizziamo correttamente i tag HTML per dare significato ai contenuti (titoli H1-H6, elenchi, sezioni, pulsanti)
✅ Navigazione da tastiera: tutti i pulsanti e i link sono raggiungibili usando solo la tastiera (tasto Tab per spostarsi, Invio per attivare)
✅ Indicatori di focus: quando navighi con la tastiera, vedi sempre chiaramente dove ti trovi
✅ Contrasto colori: i testi rispettano il rapporto di contrasto minimo richiesto (4.5:1 per testo normale, 3:1 per testo grande), grazie alla palette navy/oro/crema scelta proprio con questo criterio
✅ Dimensione testo: i testi sono dimensionati in unità relative (rem/em), quindi puoi ingrandirli con lo zoom del browser fino al 200% senza perdita di contenuto
✅ Lingua dichiarata: l'attributo lang="it" è presente, così i lettori di schermo pronunciano correttamente i testi
✅ Animazioni rispettose: rispettiamo l'impostazione di sistema prefers-reduced-motion per chi soffre di mal di movimento o disturbi vestibolari
Cosa stiamo migliorando
⚠️ Mondo "Cosmo" 3D (pagina 04-world-cosmos): la navigazione 3D dei pianeti è realizzata con Three.js. Questa pagina ha limitazioni note di accessibilità per chi usa lettori di schermo o naviga solo da tastiera. Stiamo lavorando a una versione alternativa testuale del Cosmo che permetta di accedere a tutti i mondi anche senza l'animazione 3D. Nel frattempo, dalle altre pagine puoi raggiungere tutti i contenuti senza passare dal Cosmo
⚠️ Testi alternativi delle immagini decorative: alcune immagini di sfondo non hanno ancora testo alternativo descrittivo. Stiamo completando la revisione
⚠️ Etichette ARIA (aria-label, aria-describedby): alcune zone interattive complesse (es. il sistema lunare del pianeta Stato) hanno ancora bisogno di etichette accessibili più precise
⚠️ Sottotitoli: l'app al momento non include video. Se in futuro inseriremo contenuti video, includeremo sottotitoli e trascrizioni testuali
4. Tecnologie usate
Il sito si basa su queste tecnologie:
- HTML5 semantico
- CSS3 (con Tailwind v3 precompilato locale)
- JavaScript vanilla (senza framework pesanti)
- Three.js (solo per l'animazione 3D del Cosmo dei Mondi, pagina 04)
Queste tecnologie sono standard del W3C e sono compatibili con la maggior parte dei lettori di schermo (es. NVDA, JAWS, VoiceOver, TalkBack) e con le tecnologie assistive comuni.
5. Metodo di valutazione
Abbiamo verificato l'accessibilità con una combinazione di:
- Validatori automatici: Lighthouse (Google Chrome DevTools), Axe DevTools
- Test manuali: navigazione da tastiera, simulazione lettore di schermo, test di contrasto colori
- Test su dispositivi reali: smartphone Android, smartphone iOS, desktop con browser Chrome/Firefox/Safari
Non abbiamo (ancora) effettuato test con utenti reali con disabilità. Se sei un utente con disabilità e vuoi aiutarci con un test, saremmo molto grati: scrivici a info@ordinamenta.it.
6. Hai trovato un problema? Segnalalo
Se incontri una parte del sito che non riesci a usare per via di un problema di accessibilità — testo poco leggibile, pulsante non raggiungibile da tastiera, immagine senza descrizione, animazione che disturba — segnalacelo:
Nella segnalazione, se possibile, indica:
- La pagina dove si trova il problema (es. "lezione su Comune", "Cosmo dei Mondi")
- Il dispositivo che stai usando (es. "iPhone con Safari", "PC Windows con NVDA")
- Cosa stavi cercando di fare e cosa ti ha impedito di farlo
Ti rispondiamo entro 30 giorni, come previsto dall'art. 3-quinquies della Legge 4/2004. Di solito molto prima.
7. In caso di mancata risposta
Se non ricevi risposta entro 30 giorni, oppure la risposta non risolve il problema, puoi rivolgerti al:
Difensore Civico per il Digitale Agenzia per l'Italia Digitale (AgID) Via Liszt 21 — 00144 Roma difensorecivico@pec.agid.gov.it agid.gov.it/it/difensore-civico
8. Compatibilità
Il sito è progettato per funzionare con:
- Browser desktop: Chrome, Firefox, Safari, Edge (ultime due versioni stabili)
- Browser mobile: Chrome Android, Safari iOS (ultime due versioni stabili)
- Lettori di schermo: NVDA (Windows), JAWS (Windows), VoiceOver (macOS/iOS), TalkBack (Android)
- Sistemi di ingrandimento: tutti i principali, sia di sistema che di browser
Su browser molto vecchi (Internet Explorer, browser pre-2020) il sito potrebbe non funzionare correttamente: in quei casi consigliamo di aggiornare il browser.
9. Aggiornamenti
Questa dichiarazione viene aggiornata ogni volta che migliora l'accessibilità del sito o quando vengono corretti problemi noti. La data in alto mostra l'ultimo aggiornamento.
La presente dichiarazione segue la struttura del modello AgID per le dichiarazioni di accessibilità della Pubblica Amministrazione, adattata a un progetto privato gratuito. La sua redazione è un atto volontario e non un adempimento di legge per le entità private di piccole dimensioni, ma rappresenta una scelta di trasparenza coerente con la missione educativa di Ordinamenta.