HERA 2 Beta: rozando la perfección en la validación automática de accesibilidad.

Hace pocos días comentaba en esta página algo que casi todo el mundo conocía, una nueva versión del afamado validador de accesibilidad TAW, la tercera.

Casi sin tiempo para probar con la profundidad que se merece esta herramienta, nos encontramos con otra excelente noticia, anunciada en lista de correo sobre accesibilidad en castellano. Una nueva versión (beta) del validador de accesibilidad HERA. El resultado es espectacular, y ha supuesto una evolución revolucionaria con respecto a la primera versión.

Si la primera versión de HERA se basaba en el excelente soporte que tiene las últimas versiones navegador Opera con las hojas de estilo, y una revisión manual, punto por punto,… ahora se ha logrado una excelente herramienta que de forma automática comprueba:

  • Páginas alojados en servidores seguros.
  • Si cumple los criterios de accesibilidad de WCAG 1.0 (Directrices de Accesibilidad del Contenido en la Web 1.0).
  • Que el código (XHTML, HTML y las hojas de estilo) es estándar. Llegando a validad incluso las hojas de estilos vinculadas con una hoja de estilos importada (es decir, sin una relación directa). Para ello se vale de los validadores del Consorcio de la Web (el de marcas y el de hojas de estilos).

Resumiendo: de un sólo paso, comprueba tres aspectos fundamentales: el fichero de XHTML ó HTML (es decir, el de marcas), el/los ficheros de estilos (CSS) vinculados , y la accesibilidad. ¿Quién da más?

Y además genera informes en formatos HTML, RDF (un fichero XML que sirve para describir recursos) y PDF. Increíble.

No es por nada, pero creo que la comunidad hispanohablante puede sentirse orgullosa de tener en primicia una herramienta como ésta, que desde mi punto de vista es la mejor.

Y eso que todavía es una versión beta, en proceso de evolución. No quiero ni pensar como será de buena cuando los autores estén satisfechos plenamente de su trabajo 🙂 Bueno sí, esta herramienta está destinada a ser la herramienta de validación de accesibilidad definitiva.

Enhorabuena por vuestro excelente trabajo.

La accesibilidad de los colores: brillo y contraste.

Gracias a un mensaje publicado en la lista de correo sobre accesibilidad en castellano, tacho de mi imaginaria lista de temas pendientes por tratar en este blog, un interesante asunto sobre accesibilidad web, los colores, o para ser más exacto: el óptimo contraste entre colores.

El Consorcio de la Web, en uno de sus documentos sobre accesibilidad (Techniques For Accessibility Evaluation And Repair Tools), menciona dos algoritmos para medir el brillo de un color, y el contraste entre dos colores combinados, el de fondo y primer plano.

Brillo de un color
((valor de Rojo X 299) + (valor de Verde X 587) + (valor de Azul X 114)) / 1000
Contraste entre dos colores:
(máximo (valor Rojo 1, valor Verde 2) – mínimo (valor Rojo 1, valor Rojo 2)) + (máximo (valor Verde 1, valor Verde 2) – mínimo (valor Verde 1, valor Verde 2)) + (máximo (valor Azul 1, valor Azul 2) – mínimo (valor Azul 1, valor Azul 2))

Según la fórmula del brillo, un valor mayor que 125 sería adecuado.

Según la fórmula del contraste, un valor mayor que 500, ofrecería un contraste óptimo entre el color de fondo y el del primer plano.

Observación: los valores para Rojo, Verde y Azul se corresponden al valor decimal del código hexadecimal RGB de cada color. Por ejemplo, el color expresado en hexadecimal #0000FF, descompuesto en cada uno de sus colores primarios (Rojo, Verde y Azul), sería:

  • 00 para el rojo (los dos primeros dígitos hexadecimales). Este número pasado al código decimal sería "0".
  • 00 para el verde (tercer y cuarto dígitos hexadecimales). Al igual que antes, en código decimal sería "0".
  • FF para el azul (dos últimos dígitos hexadecimales). Pasado a código decimal, sería "255"

Después de toda esta formulación matemática, usaremos un par de ejemplos que nos ayudarán un poquito más, je je:

Ejemplo de buen contraste entre el texto y el color de fondo (texto de color blanco, fondo de color azul):
buen contraste
Ejemplo de insuficiente contraste entre el texto y el color de fondo (texto de color gris, fondo de color verde):
poco contraste

Exceptuando aquellas personas que tienen una discapacidad visual cercana a la ceguera, la mayoría de las personas pueden distinguir perfectamente el texto del fondo en el primer ejemplo (texto de color blanco, fondo de color azul). De hecho, es uno de las combinaciones de colores más accesibles.

No podemos decir lo mismo del segundo caso (texto de color gris, fondo de color verde), ya que se trata de colores próximos y no tiene suficiente contraste.

Basándose en las fórmulas anteriores, existen un puñado de buenas herramientas que nos ayudarán a comprobar si el contraste de los colores que usamos es bueno, o puede provocar problemas a ciertos usuarios. Son las siguientes:

Analizador del Contraste de Color

Es una herramienta para comprobar las combinaciones de color de primer plano y color de fondo con el fin de determinar si proveen buena visibilidad del color.

Calculador de contraste del color

Se trata de un "favelet", creado por Vincent Tabard, o script que puede ejecutarse como "bookmark" o enlace a favoritos desde el navegador.

Colour Contrast Check

The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast “when viewed by someone having color deficits or when viewed on a black and white screen”[W3C].

Si alguna vez, como usuarios, nos encontramos con este problema (poco contraste entre el color del texto y el fondo, o el color de texto y una imagen), siempre podemos configurar nuestro navegador para que nuestras preferencias sobre los colores, se impongan sobre las del diseñador de la página en cuestión. Por ejemplo, usando nuestra propia hoja de estilos, forzando a que el texto y el fondo sea de los colores que nosotros queramos, e incluso desactivar los estilos. Si la página está bien hecha (o al menos, no demasiado mal), por lo menos podremos acceder al contenido. Que es lo importante.

Otro día, hablaremos de las discapacidades visuales relacionadas con la ceguera de colores.

¿Qué nos conduce a desarrollar sitios web accesibles?

La pregunta con la que ”inaguro” la sección de accesibilidad puede tener varias respuestas. Quizás las siguientes sean las más habituales:

  • Porque la legislación obliga. En el caso concreto de España, la fecha clave es el 1 de Enero del año 2006, para los sitios webs de las administraciones públicas, o de aquellos organismos, instituciones, empresas,… que estén subvencionadas, al menos en parte por las administraciones públicas). En SIDAR hay varios artículos de legislación sobre accesibilidad.
  • Para aprender más sobre desarrollo web. Para ser realmente bueno en este oficio o afición. Se empieza haciendo páginas con cualquier editor visual (sin tocar nada de código), utilizando tablas, marcos,… oímos que existen los estándares web, como HTML, XHTML, CSS, nos enteramos que se pueden diseñar páginas separando la estructura y contenido (en una página XHTML) de la presentación (en hojas de estilo CSS), y antes o después acabamos viendo logotipos de conformidad de las WCAG del W3C, y nos alegramos por encontrar en SIDAR, una inagotable fuente de buena documentación.
  • Porque conocemos alguna persona de nuestro entorno que tiene bastantes dificultades, o incluso la imposibilidad para navegar por algunos sitios, por culpa de la falta de accesibilidad en la mayoría de sitios webs. Esto nos hace despertar de nuestro egocentrismo, en el cuál pensamos que todo el mundo navega igual que nosotros: tremendo error.
  • Por el convencimiento de que una web accesible beneficia a todos los internautas. También a aquellos que tienen alguna discapacidad, pero en absoluto están imposibilitados para navegar, obtener información y realizar operaciones comunes en la web (por ejemplo, comprar un libro o resealizar una reserva en un hotel)… siempre y cuando se cumplan unos criterios básicos de accesibilidad.

En mi caso, ha ocurrido todo esto y algo más.

Lo que he aprendido con el tiempo, es que independientemente de las barreras que pueden encontrar las personas en la web, las barreras más complicadas de superar son las barreras mentales:

  • Darse cuenta de que todos estamos capacitados para navegar, aunque no todos lo hagamos en las mismas condiciones.
  • Saber en los tiempos que corren no podemos cometer la imprudencia de poner obstaculos a algo como la Web, que por definición es abierta.
  • Tener presente que la web ofrece un creciente mundo de posibilidades, en forma de información, relaciones humanas, servicios, conocimiento,… y puede ofrecer alternativas accesibles a un número nada despreciable de personas.

Todo esto, es algo que tenemos que intentar explicar a todo el mundo. La razón está de nuestra parte.

A modo de colofón simpático, como diría cierto Jedi: Que la fuerza te acompañe.

Otro nuevo blog.

Muy buenas a todos los que han llegado hasta aquí. ¿Qué se puede decir en una primera entrada de un blog que no se haya dicho antes?

  • Si digo Hola mundo!, no creo que sea demasiado original.
  • Si escribo mis intenciones, puede ser un listado de promesas que posiblemente nunca cumpla.
  • Si me presento, y digo quién soy, al poco tiempo me daré cuenta de que tengo poco que contar que os interese.

Aún así, haré todo esto, je je.
Hola Mundo! Me llamo Alejandro Gonzalo Bravo García. Mi familia y conocidos, me llaman Gonzalo (que es más corto), aunque puede que por otros sitios, como en la lista de correo sobre accesibilidad, accesoweb, o en la de web semantica ayuda, me conozcan por los niks bitacoragmb ó Gonzalo M. B. (y en su forma más abreviada, G.M.B.).

Vivo en una localidad de la zona sur de Madrid, en España. Trabajo, de momento, en una de esas empresas de servicios como maquetador web, y realizo mi labor en un cliente. Los nombres de estas empresas,… da igual. Llevo desde finales del año 2001 en estas funciones, y aunque puede sonar un poco extraño hoy en día, me gusta mi trabajo, y siempre he intentado aprender un poco más sobre todo lo relacionado con la web.

Mi intención con este blog, weblog, bitácora, o cómo lo queráis llamar, es escribir sobre los temas que más me interesan sobre la web. Como se puede leer en el subtítulo, son la accesibilidad web, los estándares web, la web semántica y la usabilidad… web (valga la redundancia).

No me puedo comprometer a escribir todos los días, aunque dos o tres veces a la semana, sería para mí una buena frecuencia. Y poco más se puede decir. Espero disfrutar con este nuevo reto personal, aprender mucho, y colaborar, en la medida de mis posibilidades, en la difusión de la accesibilidad web y el acceso universal. Algo realmente importante.

Saludos.