Front-end, Estándares web y Accesibilidad

Se ha hablado mucho acerca del futuro lenguaje de marcado para la web, HTML 5 y XHTML 2. Dos lenguajes que se van desarrollando y creciendo de forma paralela. La W3C parece apostar por la especificación XHTML, mientras que otras empresas como Opera, Mozilla, Apple están trabajando en HTML5. En la conferencia de Chaals sobre [...]

Continuar leyendo "HTML5 & XHTML2, ¿la unión hace la fuerza?".

Las listas son un mecanismo increíble (y amigable) para organizar la información. Pero al mismo tiempo pierden “su poder” cuando aumentan de tamaño. Son muchos los proyectos en los que he visto como había controles de tipo select con una extensa lista de opciones. Cuantos más elementos tiene una lista menos eficaz resulta y más [...]

Continuar leyendo "OPTGROUP y la usabilidad en SELECT".

Me dio fuerte por el tema LABEL (es cierto!), pero esta vez dejo el tema de la asociación explicita e implícita para comentar el uso de las etiquetas dentro de los propios controles. En estos casos en vez de usar LABEL se sitúa un valor textual para el atributo value de un INPUT, generalmente por [...]

Continuar leyendo "Etiquetas dentro del control input (II)".

Con el interesante comentario de Olga me entero de otro de cambio de rumbo que asumir. La verdad es que hace años de esto, pero recuerdo haber leído y re-leído las recomendaciones acerca de hacer que el control se asocie explicita e implícitamente a la etiqueta puesto que algunos dispositivos no soportaban la asociación explicita [...]

Continuar leyendo "LABEL explicito e implícito".

Aprovechando las bondades del tag LABEL podemos mejorar tanto la accesibilidad como la usabilidad de los formularios en las interfaces web. LABEL se encarga de asociar la etiqueta textual a un control determinado (input, radio, select, etc.) proporcionando información acerca del control. Cabe destacar que LABEL cuando recibe el foco, automáticamente se lo cede al [...]

Continuar leyendo "Asociación implícita de etiquetas LABEL para controles de formulario".

En este blog ya he comentado los motivos por los que elementos como EMBED y OBJECT se han convertido en un problema para los estándares y la validación de nuestros documentos web. También se ha debatido como grandes compañías ignoran u omiten este problema. Y por último en wordpress (y otras muchas plataformas) han surgido [...]

Continuar leyendo "Embed, flash, object y los estándares web".

Seis cuestiones a tener en cuenta para optimizar nuestro código XHTML. 1. Usar Strict Doctype Con la versión estricta (no la transicional) se hace posible una separación completa de la estructura, presentación y comportamiento del sitio web. 2. Mejor con UTF Ya se ha hablado mucho sobre los beneficios de usar UTF así que simplemente [...]

Continuar leyendo "Optimizar XHTML".

Seguramente a muchos les sonará esto: Aunque el marcado XHTML sera totalmente correcto, algo se esconde en nuestro código, ese algo es capaz de hacer saltar las alarmas del validador W3C y generar un desconcertante warning. BOM es usado por UTF para mejorar el proceso de compresión, pero algunos navegadores antiguos no lo soportan. Es [...]

Continuar leyendo "Valid XHTML & Byte-Order in UTF-8".

A raiz del post XHTML Strict vs Transitional se planteo una cuestión interesante, ¿en que puede beneficiar un Doctype Strict frente a un Doctype Transitional en la accesibilidad de un sitio web?. Que un Doctype (DTD) sea Strict o Transitional no pienso que impacte “directamente” en la accesibilidad. Sin embargo la versión estricta permite: Una [...]

Continuar leyendo "XHTML Strict y Accesibilidad".

Tras no pocas divagaciones voy a comentar la técnica que he ido evolucionando y que últimamente estoy empleando para marcar el encabezamiento principal de algunos sitios web. En este método tengo en cuenta los siguientes elementos: Título Logo / imagen Tagline (línea de etiquetas, descripción corta) <h1 id="logo"> <img src="logo.gif" alt="titulo" /> <span id="tagline">descripción corta</span> [...]

Continuar leyendo "Título, logo y tagline como h1".