background preloader

HTML5 accessibility - September 2012

HTML5 accessibility - September 2012

Definiendo una persona con Microdata en HTML5 Dentro de la especificación de HTML5 aparece el concepto de microdata (o microdatos). Al igual que teníamos los microformatos, el microdata nos ayuda a dar información semántica a una estructura de datos. De esta forma conseguiremos dar información adicional a nuestra página. Esta información adicional servirá a otros, como puede ser el caso de los buscadores, a extraer información de la página. En este caso vamos a definir una persona con la estructura de microdata de HTML5. Lo primero que tenemos que saber es que los microdatos que utilicemos tienen que seguir un esquema, el cual deberá de estar definido en algún sitio. El microdata de persona en HTML5 es utilizado por Google en sus resultados para indicar la auditoría de los artículos y proporcionar información adicional. Echandole un vistazo a la estructura persona vemos que los datos básicos que tiene que tener toda persona son: name, como nombre de la personaurl, web asociada a la personaphoto, una foto de la persona.

Accesibilidad en la Web: Acorn Media Player, reproductor de vídeo HTML5 Si HTML5 va a sustitur a Adobe Flash (y al resto de tecnologías similares como Microsoft Silverlight u Oracle/Sun Java) en el desarrollo web, una de las cosas más importantes que debe solucionar es la reproducción de vídeos. Cómo ya expliqué en el artículo Accesibilidad de los vídeos en HTML5, la nueva etiqueta video de HTML5 tiene en cuenta la accesibilidad web, pero todavía hay algunos problemas que se tienen que resolver, como los subtítulos en los vídeos en HTML5. Acabo de encontrar el proyecto Acorn Media Player - HTML5 media player. Este reproductor es un plugin de jQuery que implementa un reproductor de vídeo de HTML5 personalizado que presta especial atención a la accesibilidad y la personalización. Sus características accesibles son: Y si no te convence porque todavía hay muchos navegadores que no soportan el reproductor de vídeo de HTML5, utiliza Video for Everybody!

Related: