Blog de comunicación visual

Este es un post relacionado con la adaptación de las hojas de estilo a normas de usabilidad y accesibilidad web.

Existe un atributo en las CSS que no mucha gente conoce o utiliza: media. Este atributo indica a qué tipo de dispositivo se aplica la hoja de estilo en cuestión. Puede ser tan variado como pantalla, impresora, dispositivo braille, pdas o incluso televisión.

La forma de utilizarlo en nuestras páginas HTML es la siguiente:

<link rel=”stylesheet” type=”text/css” href=”estilo.css” media=”screen,print”/>

Es importante remarcar que para aquellos dispositivos que no se especifiquen no se aplica la CSS. Puede parecer una perogrullada, pero así nos evitamos problemas como ¿porqué si imprimo mi página no me aplica los estilos?.

Más información en este post o en la W3C en el siguiente artículo: “Media Types