Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

jueves, 16 de octubre de 2008

La accesibilidad y el Font-size

Posiblemente uno de los aspectos que más cavilaciones proponga, al maquetar con CSS, es la unidad de medida de las fuentes en el diseño web.
Y es que en este aspecto cualquier diseñador tiene disponible el uso de 4 unidades diferentes:
  • Pixels
  • Ems
  • Puntos
  • Porcentajes


Font-size

Pixels (px)


Un pixel es la menor unidad de visualización sobre el monitor y esta unidad de altura de fuente está íntimamente emparentada con ella.
La misma es utilizada cuando erróneamente se desea que la fuente mantenga un alto fijo.
El mayor inconveniente con la utilización de esta unidad es que no se adecúa el tamaño de la fuente a los requerimientos de personas con sus capacidades visuales disminuídas. La utilización de esta medida representa un barrera en la accesibilidad web.

Puntos (pt)


La utilización de esta unidad es ideal para cuando se establece un CSS para impresión (media = print), donde cada punto es igual a 1/72 de pulgada.
Pero utilizarla en el media screen representa también una barrera; ya que estamos hablando de un alto fijo.

Ems (em)


Esta es una unidad escalable para ser utilizada en un diseño web.
Un em es igual al alto de fuente actual. Si previamente está declarado, por ejemplo, que el alto de fuente del body es de 12pt. Utilizar 1.5em para la etiqueta h1 dará por resultado una fuente de 18pt
La utilización de esta unidad es de naturaleza amigable cuando se accede al documento desde dispositivos móviles.

Porcentaje (%)


Esta es una de mis unidades preferidas. Su uso es completamente accesible, se comporta muy bien en dispositivos móviles, ya que es completamente escalable.
Share:

Publicidad

Estadísticas