In questa sezione:

Informazioni sulla realizzazione del sito

Questo sito è stato progettato per risultare accessibile alle persone con disabilità e comodamente utilizzabile "in mobilità" attraverso come smartphone e tablet. Il sito è inoltre caratterizzato dall'essere responsive, cioè capace di adattarsi automaticamente e immediatamente alle dimensioni del browser in modo da ottimizzarne la fruizione.

Fruizione del sito con smartphone e tablet

Smartphone, tablet e pc utilizzano tutti la stessa versione del sito. Il sito però si adatta automaticamente alla risoluzione del browser modificando la disposizione e la dimensione dei contenuti in modo da ottimizzarne la fruizione.

Un sito 'reattivo' (responsive)

Il sito è stato realizzato secondo l'approccio cosidetto responsive. Tecnicamente, sfrutta la cosiddette media queries per utilizzare "regole di stile" diverse a seconda della larghezza della finestra dedicata al sito. I casi previsti sono quattro; semplificando: dimensioni "standard" tipica dei pc, dimensione tablet (tra 768 e 991 pixel), dimensione smartphone verticale (meno di 480 pixel) e smartphone orizzontale (tra 480 e 768 pixel).

In pratica è possibile visualizzare i quattro layout diversi su un normale pc: riducendo le dimensioni della finestra del browser, si vedrà la pagina cambiare aspetto progressivamente. L'effetto è visibile solo se si utilizzano browser moderni che supportano le "media queries" (nel caso di Internet Explorer, solo le ultimissime versioni).

Da notare che l'approccio descritto non si limita a modificare il layout. Anche la dimensione di testi e bottoni può essere variata per consentire una migliore visione sugli schermi piccoli o per favorire l'interazione sugli schermi touch. Inoltre alcuni elementi della pagina vengono selettivamente mostrati o nascosti per migliorare la navigazione.