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.
Archivos de la etiqueta: XHTML
HTML: Elementos de cita BLOCKQUOTE, Q y CITE
Hay tres elementos que intervienen en las citas: BLOCKQUOTE Q CITE
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.
HTML: uso de atributos id, headers y axis en tablas
Habitualmente se utiliza el atributo scope en las tablas para definir la relación de las celdas con las columnas.
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 […]