Tutto il codice delle nostre pagine è scritto su misura per offrire una lettura stabile, chiara e priva di barriere. Di seguito elenchiamo le caratteristiche effettivamente presenti e attive su questo sito:
01
HTML semantico e struttura chiara
Ogni pagina utilizza marcatori semantici nativi (<header>, <nav>, <main>, <section>, <article>, <footer>) e una gerarchia rigorosa dei titoli a partire da un unico <h1>. Le schede tecniche dei giochi impiegano liste di definizione (<dl>, <dt>, <dd>) e cassetti espandibili nativi (<details> e <summary>) pienamente leggibili dai lettori di schermo anche con JavaScript disattivato.
02
Navigazione completa da tastiera e focus visibile
L’intero sito può essere esplorato usando solo la tastiera (tasti Tab, Maiusc + Tab, Invio e Spazio). Il primo elemento di ogni pagina è il collegamento rapido «Salta al contenuto principale». Ogni link, pulsante e sommario mostra un anello di focus netto in blu cobalto ad alta visibilità e rispetta un’area minima di tocco di almeno 24×24 pixel CSS.
03
Contrasto cromatico elevato e temi chiaro e scuro
I testi poggiano su targhe solide di calce avorio (#FCF9F3) con inchiostro scuro d’affresco (#101820) o sulle fasce in ceruleo di Vietri (#52B2C4) con inchiostro laguna (#061F27), superando le soglie di contrasto richieste dalle WCAG 2.2 AA. Il foglio di stile supporta sia il tema chiaro d’atelier sia l’adattamento automatico al tema scuro di sistema (prefers-color-scheme: dark) e alla modalità a contrasto forzato.
04
Video d’apertura silenzioso, in pausa o sostituito da immagine fissa
Il video panoramico a ciclo continuo nella pagina principale è completamente privo di audio (silenzioso per impostazione nativa), così da non interferire mai con la sintesi vocale dei lettori di schermo. Nell’angolo inferiore destro della scena è sempre presente un pulsante visibile e accessibile da tastiera per mettere in pausa o riavviare il video. Inoltre, se sul tuo dispositivo è attiva l’impostazione di riduzione del movimento (prefers-reduced-motion: reduce), il video viene automaticamente sostituito dall’immagine statica dipinta e tutte le animazioni vengono fermate.
05
Testi alternativi descrittivi in lingua italiana
Tutte le illustrazioni narrative, i ritratti di Maestro Pennelmaro Vael e Marisella Tempera e le copertine originali dei nove giochi sono corredati di attributi alt descrittivi in italiano curato. Le cornici in travertino, i sigilli e gli sfondi puramente decorativi portano invece alt="" o aria-hidden="true" per non appesantire l’ascolto.
06
Tipografia elastica e impaginazione fluida
I caratteri sono dimensionati in unità relative (rem e clamp()) e non scendono mai sotto i 12 pixel neanche nelle note legali più minute. La pagina si adatta senza scorrimento orizzontale dagli schermi larghi 320 pixel fino ai grandi monitor da tavolo e tollera un ingrandimento del testo fino al 200% senza perdita di contenuto o sovrapposizioni.