Cuando se insertan textos en HTML que están en idioma distinto del principal de la página lo indicamos mediante el atributo lang. Pero, ¿que ocurre cuando ese texto en otro idioma es además en un alfabeto distinto? ¿Y cuando el navegador no puede mostrar caracteres de ese alfabeto?
Archivos de la etiqueta: Accesibilidad
Javascript: abrir ventana popup de modo accesible
En algunas ocasiones, a pesar de la proliferación de las denominadas como ventanas modales, todavía nos podemos encontrar con la necesidad de generar ventanas popup. Y para ello he creado un Javascript, basado en Prototype pero sencillo de portar a otro framework o a Javascript puro.
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. […]