Les presento algunos tips con respecto a Accesibilidad Web. Son simples y practicos !
Al observar una página Web puede parecer que ésta no presenta ningún problema de accesibilidad.
En el siguiente ejemplo esta página parece accesible, sin embargo no lo es. Esto se puede resolver de una forma fácil, cambiando pequeñas características en el código.
- Ejemplo: Web con imágenes sin texto alternativo.
Esta web al ser leída por un lector de pantallas para ciegos lo interpretaría de la siguiente forma:
Simplemente con añadir un texto alternativo en el código de la página, un lector lo interpretaría de la siguiente forma:
Para conseguir que una imagen sea accesible tan sólo tendríamos que cambiar el código en el que se incluye la imagen:
<img src="./cielo1.jpg">
Por el siguiente código:
<img src="./cielo1.jpg" alt="Foto de manos entrelazadas con un fondo de un cielo azul.">
Otro elemento que se debe considerar en sitios accesibles son las tablas. En el siguiente ejemplo, la tabla aparentemente no muestra ningún problema de accesibilidad:
Sin embargo un intérprete de pantalla lo interpretará de la siguiente forma:
“Economía Ciencias Literatura 2 8 5 7 6 7 5 8 8”
Únicamente con incluir el atributo “summary” en la tabla se puede describir su contenido para que no presente problemas de accesibilidad.
Ejemplo:
<table summary ="Tabla en la que se relacionan categorías con un valor numérico. Economía tiene los valores 2,4 y 5. Ciencias tiene los valores 8, 6 y 8. Literatura tiene los valores 5, 7 y 8. ">
