Galleria fotografica conforme all'XHTML

[Cosmy]

Approfitto di questo topic per una domanda che mi è nata proprio leggendo queste righe.
Come si fa a rendere accessibile una galleria d'immagini (presupponendo che si usi un javascript) rispettando l'usabilità?
Io ne ho realizzata una che tramite js visualizza l'immagine grande nella stessa pagina dei thumbnails. Senza i js attivati continua a funzionare, ma apre le immagini direttamente, perdendo quindi la continuità con il resto del sito. Questo per quanto riguarda l'usabilità non è il massimo..
esistono soluzioni alternative o questo è il massimo che si può fare?

[Laurami]

Intendi che senza i js l'anteprima viene ingrandita caricandosi in un altra pagina?

[Cosmy]

no, nella stessa pagina.
O meglio dire: nella stessa finestra.
Praticamente apre direttamente la pagina, cosa chè è ottima per l'accessibilità ma per l'usabilità no, perchè perdi completamente la struttura del sito..

[awd]

è giusto che sia così! per tornare indietro basta usare i tasti del browser, che alla fine è sempre il metodo più immediato!

[Cosmy]

ma i principi di usabilità dicono che non si dovrebbe mai arrivare in una situazione di "binario morto".
Questo ad essere pignoli ovviamente..

[awd]

Immagino che nel codice tu abbia il link alla sola immagine + un metodo (una classe o ID) che richiami il javascript!
Senza js è chiaro che aprirai solo l'immagin perché è quella ad essere linkata!
L'alternativa è creare una pagina html, con un link di ritorno, per ogni foto!

[Cosmy]

però in quel caso non ci potrei più applicare il js..
quindi mi tengo la prima soluzione

[Crashtest]

a me piace questa, è fantastica e senza js:

http://www.webreference.com/programming/css_gallery/

il risultato qui:

http://www.webreference.com/programm...es/gallery.htm

l'ho usata qui:

http://meta.coop/metailcentro/laboratori14.htm

bisogna perderci un po' di tempo per adattarla, ma il tutorial è scritto molto bene ed è molto chiaro