HTML 5 y Jquery: Componente de buscador con placeholder

Fragmento de HTML 5 con un formulario de búsqueda, en el que se generará el rollover del botón de búsqueda mediante Javascript, y se simulará el placeholder también mediante Javascript en navegadores no soportado.

Simulación de elemento SELECT con jQuery

He preparado un componente que simula un elemento SELECT, en el que se puede seleccionar una sola opción, que evita algunas de las limitaciones de los elementos SELECT de verdad, pudiendo dar formato a las opciones que contiene, añadir imágenes, etc.

Accesibilidad: ordenación de columnas en tablas

En las tablas de datos hechas con (X)HTML no es infrecuente encontrarse con que el encabezado de algunas columnas es un enlace que sirve para ordenar los datos en orden ascendente o descendente. Habitualmente se utiliza una imagen para indicar la ordenación que se ha seleccionado, pero, ¿es accesible?

Cumpliendo el punto 2.4.4 de WCAG 2.0: Propósito del enlace

Punto 2.4.4. de WCAG 2.0: 2.4.4 Link Purpose (In Context): The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general. (Level A). El propósito de cada […]

HTML: el atributo scope

El atributo scope se utiliza para vincular la información contenida en las diferentes celdas de una tabla. Este atributo especifica el conjunto de celdas cuya información se refiere a la celda que contiene este atributo. Supone una alternativa simple al atributo headers. El atributo scope puede tomar uno (solamente uno) de los siguientes valores: row. […]

HTML: uso del atributo accesskey

Actualizado 2011-03-10. ¿En que elementos se usa? Lo primero que hay que saber es en que elementos puede utilizarse el atributo accesskey: a area button input label legend textarea Excepto a y area se trata de elementos de formulario. ¿Cómo funciona? Activando las teclas de acceso y pulsando la tecla de acceso (depende de cada […]