Archivo de la categoría ‘HTML’

qrcode link
12 de marzo de 2009

Briconsejo: CSS para Internet Explorer

Indoloro e inodoro. Todos hemos sufrido tener que adaptar nuestro CSS para que funcione correctamente con IE6, debido a la manera sui generis que tiene este navegador de interpretar lo que es un estándar. Crear una hoja CSS alternativa para IE6 es una opción bastante común; devanarse los sesos creando un solo CSS que funcione para todos los navegadores es otra solucion śolo apta para pacientes con mucho tiempo.

Hay una solución desarrollada por Dean Edwards que nos permitirá olvidarnos de muchos dolores de cabeza. Es un útil javascript que se encarga de corregir los comportamientos erróneos de IE6, y nos lo transforma en IE7 o IE8. Toda la información disponible en el sitio web de Dean Edwards.

Se corrigen fallos como soporte de clases multiples, transparencia PNG, tamaños de fuente con nombres, soporte de min-height,  los márgenes dobles, etc.

Para usarlo basta con utilizar un comentario condicional:
[code lang=”HTML”]

[/code]

qrcode link
16 de noviembre de 2007

Extensiones de Firefox (y otros) para Accesibilidad

Las siguientes herramientas son de gran utilidad para el desarrollo de páginas web que cumplan con las normas de accesibilidad.

  • Colour Contrast Analyser: Según la normativa los colores de fondo y primer plano deben tener suficiente contraste como para ser percibidas por personas con deficiencias en la percepción del color, o que usen pantallas en blanco y negro. Esta herramienta usa unos algoritmos recogidos en el WCAG 2.0 para la identificación de posibles problemas. Utilizando esta herramienta podemos saber si nuestra web cumple con la normativa de color al instante.
  • JuicyStudio Colour Contrast Analyser: Siguiendo las mismas pautas que la extensión anterior, esta herramienta nos permite ver de manera rápida si un par de colores cumple con la normativa. Con esto podremos escoger correctamente los colores de nuestra web.
  • HTML Validator: Un importante requisito es que el código HTML se ajuste perfectamente a la especificación HTML utilizada. Esta extensión valida tanto el HTML enviado por el servidor como el que está en memoria (tras la ejecución de Ajax, por ejemplo). Nos indica automáticamente los errores, advertencias, y avisos de accesibilidad de nuestro código.
  • TAW3: Herramienta de análisis de accesibilidad para páginas web. Indispensable.
  • qrcode link