Una vez más se demuestra que el Dreamweaver es una herramienta y no un cerebro que piense por ti. Estaba escribiendo el post del IPOD y quise setear algunas frases en negrita o cursiva. El Dreamweaver te pone las etiquetas <strong> o <em> si es que trabajas en XHTML...pero recordé que antes se usaba <b> o <i> y la verdad nunca supe el PORQUE del cambio. Y lo que averigué ha sido lo que me hizo temerle un poco al Dreamweaver.
Con la llegada de la moda "uso estándares" los diseñadores y el diseño se han vuelto mas detallosos, y es para bien, ahora pensamos sobre todo en accesibilidad, y el vocabulario mismo del diseñador web ha crecido. Por ejemplo, las palabras "presentación" y "estructura", la presentación es meramente visual, mientras que la estructura tiene un significado, una razón de ser que de hecho no lo ves pero en el diseño tiene una función, una razón de porqué esta allí y porqué se ve así.
Eso sucede con usar texto en negrita o cursiva en XHTML. El problema radica en que <strong> y <em> básicamente estan pensados para dar ESTRUCTURA al texto, es decir que se VE como negrita o cursiva, pero su uso va más allá, está pensado para lectores de pantalla (screen readers), estos lectores dan un énfasis especial a las palabras encerradas entre estos tags y es obvio porque si se ven distintos frente al texto normal es porque tienen un significado distinto.
Por ejemplo este uso sería genial tanto en navegadores normales como en navegadores lectores de pantalla:
<p>Tu nuevo número de DNI es: <strong>10648026</strong>.</p>
Se ve distinto y la pronunciación distinta cae bien.
¿Pero qué pasa cuando quiero usar negrita y cursiva con sólo fines estéticos? pues bien aqui entra la ayuda de CSS, Dan Cederholm en
su libro Web Standards Solutions: The Markup and Style Handbook nos da una solución interesante:
Supongamos que queremos poner en negrita todos los links de un campo DIV, SOLO para usos estéticos, podría ser algo así:
#miDiv a {
font-weight: bold;
}
Lo mismo podríamos hacer con la cursiva:
#sidebar a {
font-style: italic;
}
Incluso juegos interesantes como hacer que una cursiva se vea como negrita sin mezclar pronunciaciones, usando clases por supuesto:
em.bold {
font-weight: bold;
}
y su uso:
<em class="bold">¡Divertido</em>!
¿Interesante verdad? Como siempre hay opiniones sobre usos pero si seguimos a la W3C
tendremos que pensar en esto.
Puedes ver una discución sobre lo mismo aquí y aquí.