Data della dichiarazione: 25 aprile 2026
Norma di riferimento: WCAG 2.2 (W3C Recommendation), Linee Guida AgID per l'accessibilità dei contenuti web, Direttiva UE 2016/2102 relativa all'accessibilità dei siti web e delle applicazioni mobili degli enti pubblici, recepita con D.Lgs. 106/2018.
1. Stato di conformità
Il sito Ipogeo della Medusa è parzialmente conforme alle WCAG 2.2 livello AA.
Le quattro pagine HTML principali (index.html, chi-siamo.html, link-utili.html, note-legali.html) e la pagina del tour VR presentano un elevato livello di conformità, con attenzione sistematica all'accessibilità nel markup, nel CSS e nel JavaScript. Le tre pagine dei giochi presentano non conformità residue dovute alla natura interattiva dei contenuti e all'uso di librerie di terze parti.
2. Contenuti accessibili
Principio 1 — Percepibile
| Criterio | Esito | Note |
|---|---|---|
| 1.1.1 Contenuti non testuali | Conforme | Tutte le immagini hanno attributi alt descrittivi. Le immagini decorative hanno alt vuoto. Gli iframe Sketchfab e YouTube hanno attributo title. |
| 1.2.1 Solo audio e solo video | Conforme | Il video YouTube è accompagnato da una descrizione testuale alternativa. |
| 1.3.1 Informazioni e relazioni | Conforme | Struttura semantica corretta con landmark, gerarchia intestazioni h1>h2>h3, aria-labelledby sulle sezioni. |
| 1.3.2 Sequenza significativa | Conforme | L'ordine del DOM corrisponde all'ordine visivo. |
| 1.4.1 Uso del colore | Conforme | I link hanno sottolineatura. La pagina corrente usa aria-current oltre al cambio di colore. |
| 1.4.3 Contrasto (minimo) | Conforme | Rapporti di contrasto conformi: testo principale ~18:1, testo secondario ~7.5:1, accento ~5.5:1. Modalità alto contrasto disponibile (~21:1). |
| 1.4.4 Ridimensionamento testo | Conforme | Toolbar con zoom da 87.5% a 150%. Dimensioni in rem e clamp(). |
| 1.4.5 Immagini di testo | Conforme | Non sono usate immagini di testo per trasmettere informazioni. |
| 1.4.10 Reflow | Conforme | Layout responsive senza scroll orizzontale a 320px. |
| 1.4.11 Contrasto non testuale | Conforme | Bordi degli elementi UI con rapporto ~3.9:1 su sfondo bianco. |
| 1.4.12 Spaziatura del testo | Conforme | line-height: 1.7, nessuna dimensione fissa che impedisca l'override. |
Principio 2 — Operabile
| Criterio | Esito | Note |
|---|---|---|
| 2.1.1 Tastiera | Conforme | Menu, lightbox, tour VR navigabili da tastiera. I giochi sono esclusi (v. sezione 3). |
| 2.1.2 Nessun blocco da tastiera | Conforme | Focus trap nel lightbox e nel menu mobile con uscita tramite Escape. |
| 2.4.1 Salto di blocchi | Conforme | Skip link presente su tutte le pagine principali e nella pagina VR. |
| 2.4.2 Titolo della pagina | Conforme | Ogni pagina ha un <title> unico e descrittivo. |
| 2.4.3 Ordine del focus | Conforme | L'ordine del focus segue l'ordine del DOM. |
| 2.4.4 Scopo del link | Conforme | I link hanno testo descrittivo o aria-label esplicito. |
| 2.4.5 Modalità multiple | Conforme | Navigazione principale, ancore interne e footer con link rapidi. |
| 2.4.7 Focus visibile | Conforme | :focus-visible con outline: 3px solid su tutti gli interattivi. |
| 2.5.8 Dimensione target | Conforme | Tutti i bottoni con min-width/min-height: 44px. |
Principio 3 — Comprensibile
| Criterio | Esito | Note |
|---|---|---|
| 3.1.1 Lingua della pagina | Conforme | lang="it" presente su tutte le pagine. |
| 3.1.2 Lingua delle parti | Conforme | Termini in lingua diversa marcati con lang="en" o lang="grc". |
| 3.2.3 Navigazione coerente | Conforme | Struttura header/nav/footer identica su tutte le pagine. |
Principio 4 — Robusto
| Criterio | Esito | Note |
|---|---|---|
| 4.1.2 Nome, ruolo, valore | Conforme | aria-expanded, aria-pressed, aria-modal, role="dialog" utilizzati correttamente. |
| 4.1.3 Messaggi di stato | Conforme | Il tour VR annuncia il cambio scena tramite aria-live="assertive". |
3. Contenuti non accessibili
3.1 Non conformità
| # | Criterio WCAG | Problema | Pagine |
|---|---|---|---|
| 1 | 2.1.1 Tastiera | I tre giochi (Puzzle, Memory, Gioco del Quindici) non sono operabili da tastiera. Le librerie jQuery utilizzate non supportano la navigazione da tastiera. | games/puzzle/, games/memory/, games/quindici/ |
| 2 | 2.5.7 Movimenti di trascinamento | Il Puzzle Game e il Gioco del Quindici richiedono trascinamento come unica modalità di interazione. | games/puzzle/, games/quindici/ |
| 3 | 4.1.2 Nome, ruolo, valore | Nei giochi, gli elementi interattivi generati dalle librerie jQuery non espongono ruoli, nomi o stati accessibili alle tecnologie assistive. | games/puzzle/, games/memory/, games/quindici/ |
| 4 | 1.1.1 Contenuti non testuali | Nel Memory Game, le immagini delle carte sono placeholder ereditati dal plugin originale e non corrispondono ai vasi reali. | games/memory/ |
3.2 Onere sproporzionato
I giochi interattivi si basano su librerie JavaScript di terze parti (jQuery UI, jqJigsawPuzzle, quizyMemoryGame, jqPuzzle) originariamente integrate nel progetto del 2020. La riscrittura completa con supporto tastiera e ARIA rappresenterebbe un onere sproporzionato rispetto alla funzione ludico-didattica dei contenuti. È stato adottato un avviso esplicito per gli utenti.
4. Tecnologie utilizzate
- HTML5 — markup semantico con landmark ARIA
- CSS3 — variabili CSS, media query,
prefers-reduced-motion,focus-visible, Grid e Flexbox - JavaScript vanilla — menu, toolbar accessibilità, lightbox con focus trap
- Pannellum 2.5 — panoramiche 360° con hotspot navigabili
- jQuery 1.7 / jQuery UI 1.8 — esclusivamente nei giochi
- Google Fonts — Open Sans, PT Serif, Elsie
- Sketchfab — embed iframe per modelli 3D
- YouTube — embed iframe per video
5. Modalità di valutazione
La presente dichiarazione è il risultato di un audit manuale del codice sorgente condotto in data 25 aprile 2026, comprendente:
- Analisi di tutti i file HTML (8 pagine), CSS e JavaScript
- Verifica della struttura semantica del markup
- Verifica degli attributi ARIA (ruoli, stati, proprietà, live region)
- Verifica dei rapporti di contrasto cromatico
- Verifica dell'operabilità da tastiera
- Verifica del supporto per
prefers-reduced-motion - Verifica delle dimensioni dei target interattivi
- Verifica dei testi alternativi per immagini e contenuti multimediali
- Verifica della responsività del layout
L'audit non include test con tecnologie assistive (screen reader, ingranditori), test automatizzati con tool come axe-core o Lighthouse, né test con utenti reali. Si raccomanda di integrare questa valutazione con tali verifiche.
6. Feedback e contatti
Per segnalare problemi di accessibilità o richiedere contenuti in formati alternativi:
Soprintendenza Archeologia, Belle Arti e Paesaggio per le province di Barletta-Andria-Trani e FoggiaE-mail: sabap-fg@beniculturali.it
Il responsabile si impegna a rispondere entro 30 giorni dalla ricezione della segnalazione.
7. Procedura di attuazione
Ai sensi dell'art. 3-quinquies del D.Lgs. 106/2018, in caso di risposta insoddisfacente o assente entro 30 giorni dalla segnalazione, l'utente può rivolgersi al Difensore civico per il digitale presso l'Agenzia per l'Italia Digitale (AgID).
PEC: protocollo@pec.agid.gov.it
8. Data
La presente dichiarazione è stata redatta il 25 aprile 2026.
Ultima revisione: 25 aprile 2026.