La popup perfetta (reloaded)
Venerdì 23 Marzo 2007 - 08:07
di Cesare Lamanna
Quasi cinque anni fa (novembre 2002) Ian Lloyd aveva presentato su Accessify un tutorial e uno script che consentivano di implementare in pochi passi finestre popup che non presentassero i tipici problemi di usabilità e accessibilità tradizionalmente associati a questa modalità di interazione.
In cinque anni lo scenario si è modificato, per cui Lloyd ha pensato bene di riproporre e revisionare quella tecnica adottando le soluzioni Javascript oggi più consolidate in quanto a gestione degli eventi, non intrusività, eliminazione degli eventi inline, etc. Ecco allora il nuovo e dettagliatissimo tutorial, completo di esempi e codice.
Anche il generatore di popup accessibili è stato aggiornato e produce ora il codice in base alla nuova tecnica.
Categoria: Scripting | Permalink
Commenti
1
un piccolo appunto:
non mi sembra completamente corretto parlare di popup accessibili (la popup, intesa come frutto del window.open, e’ di per se’ poco affine all’ idea di accessibilita’ per vari motivi)mi pare venga reso maggiormente accessibile/usabile il link che apre una popup
# - postato da Xinod - 23 Marzo 2007 - 18:14
2
Proprio per questo diventa accessibile Xinod; l’accessibilità è voluta proprio utilizzando l’attributo rel e non l’uri di riferimento o scatenando un evento con onclick.
Così se entri con un lettore vocale o un altro client col javascript disabilitato, questo segue il link in href e non apre la popup.
Ovvio che nel link ci deve essere lo stesso contenuto della popup che altrimenti andrebbe perso.
C’è da dire che tutto ciò si ottiene senza tanto spreco di Javascript semplicemente con:[a href='pagina.htm' onclick='aprepopup(pagina.htm); return false;']apre popup[/a] "Scusate ho usato dei tag diversi per poter rappresentare il codice html"Con questo sistema è più facile controllare l’apertura di una popup.
Se il javascript funziona sul client apre la popoup, se non funziona per qualsiasi motivo, rappresenta la pagina sulla finestra chiamante, usa meno javascript del precedente e tutto sommato fa la stessa cosa.
Il trucco è in quel return false messo dopo la pseudofunzione aprepopup(), se il javascript non è abilitato, viene generato un errore nel client e questo salta il comando onclick, aprendo l’uri nell’attributo href.# - postato da Marco Grazia - 24 Marzo 2007 - 12:01
3
non mi dici nulla di nuovo, Marco Grazia,
e resto dell’ idea che parlare di popup accessibili sia un po’ una “contradictio in terminis”…
:)# - postato da Xinod - 26 Marzo 2007 - 16:52