Layout con gli em

[funcool]

Volevo rifare il layout di un sito e volevo renderlo più accessibile possibile. Ho sentito dire che per realizzare un layout accessibile è conveniente utilizzare come unità di misura gli em. Oltre che nei vari div gli em li utilizzo anche per definire la grandezza dei caratteri. La mia domanda è questa: ma gli em li devo utilizzare anche per gli altri oggetti come per esempio immagini e animazioni in Flash?

[dementialsite]

A mio modesto parere (ricordandoti che la misura di 1em equivale alla larghezza o altezza della lettera M maiuscola nel font caratteristico per il contenuto), ti potrei consigliare:
- per i caratteri: misure in em molto valide, perché ognuno potrà vederselo a suo piacimento cambiando le impostazioni dei browser
- per larghezze/altezze di DIV: valide fino ad un certo punto, perché in sostanza cambiando le dimensioni del carattere il numero di caratteri resta costante (prova a scrivere ad esempio 50 M su una riga dentro un DIV largo 50em), ma se il carattere diventa troppo grande il sito diventa un po' "inagibile" (nel senso che sei costretto allo scrolling). Forse, in questo caso, meglio le percentuali
- per larghezze/altezze di immagini: non vedo che abbiano molto senso né em né percentuali, vista la facilità con cui si deformerebbero ad un ridimensionamento. Poi non so se nemmeno si possano impostare o se gli attributi WIDTH e HEIGHT accettino soltanto pixel o percentuali e delle righe più corte (più leggibili) in caso di carattere grande e testo lungo
- per larghezze/altezze di animazioni Flash: potrebbe essere una buona idea, ovviamente se sono realizzati bene. Ma anche in questo caso non saprei dirti se WIDTH e HEIGHT ammettano valori in em

Stammi bene...

[funcool]

Per gli ultimi due punti: se la larghezza e l'altezza le imposti tramite CSS puoi utilizzare benissimo gli em anche per le animazioni Flash (ho provato) e credo anche con le immagini.

mmm nono... per quanto riguarda le immagini, il tag <img> va accompagnato dai suoi attributi height e width... non bisognerebbe usare i CSS per le dimensioni delle immagini, salvo che non si abbia in testa qualche esigenza particolare.. Se fai una ricerca vedrai che anche l'XHTML strict infatti non vieta affatto l'uso di questi due attributi per il tag img... E d'altronde è anche giusto... Supponiamo di avere una immagine di dimensioni enormi, se usi i CSS, questi ne limiteranno l'esuberanza nello schermo.. Ma se si disabilitano i CSS questa si manifesta in tutta la sua grandezza.. Magari è anche piu grande dello schermo.. (e questo si che limiterebbe l'accessibilità della tua pagina!). Quindi il mio suggerimento è niente em per le immagini, e anche niente CSS (limitatamente a height e width del tag img, si intende !).

Ah lo stesso vale per <object>