Accesibilidad para discapatados visuales web

Los problemas más serios de accesibilidad, hacen referencia a los usuarios discapacitados visuales .

Resulta muy normal ver combinaciones, de fondo y de primer plano que hacen la página ilegible para los usuarios que no percen los colores.

Para mejorar la accesibilidad, asegúrese de que haya siempre un alto contraste entre los colores de la fuente con los colores de fondo, y evite los colores de fondo que entorpezcan la lectura.

Todo lo que reduzca la legibilidad es lo suficientemente molesto para los usuarios como para no gustarles el hecho de que sea tan confuso.

Las páginas con texto son fáciles de leer para usuarios con deficiencias visuales, ya que puede entrar un lector de pantalla que lea el texto a través de un sintetizador de voz.

Páginas demasiado largas

Las páginas demasiado largas son más duras de asimilar para un usuario con problemas visiuales ya que no puede ir hojeando las partes interesantes, lo que para un usuario sin problemas visuales es tan normal.

Para facilitar este hojeado, se recomienda una estructura de página con un marcado HTML correcto, es decir con ‹H1› como encabezado de más alto nivel, ‹H2›, ‹p›.

Al realizar esto así, el usuario con problemas podrá tener una panorámica de estructura de una página si se leen ‹H1› y ‹H2›, y podrá saltarse rápidamente de una a otra, indicando al lector de pantalla que vaya al siguiente encabezado.

Aparte de los usuarios que sean completamente invidentes existen muchos usuarios que ven con dificultad, usuarios que suelen necesitar que las fuentes sean grandes.

Para satisfacer a estos usuarios, no codifique la información de tamaños de fuente en absolutos, al contrario, utilice tamaños relativos. Por ejemplo, al usar hojas de estilos, no establezca al atributo fuente el tamaño con un número específico de pixels; en lugar de ello, configúrelo el tamaño en porcentaje.

Al hacer esto, el texto aumentará o se reducirá cuando el usuario emita comandos "texto más grande" o "texto más pequeño", y la apariencia inicial de la página coincidirá con las preferencias del usuario.

Un último punto a considerar es en observar que los motores de búsqueda son usuarios invidentes. Si desea que el usuario sea capaz de localizarle, deberá permitir que estos motores se desplacen por su sitio y que los motores de indexación lean su contenido sin necesidad de ver las imágenes.

Mostrando imágenes

También deberá proporcionar un método alternativo para "mostrar" sus imágenes a gente que no las pueda ver por problemas visuales. La solución principal a este problema se soluciona usando el atributo ALT. El código HTML típico que se emplea para insertar una imagen en una página web es el siguiente:

‹IMG SRC="logo.jpg" WIDTH="100" HEIGHT="200" ALT="Logo de Entra en la Red"›

Los usuarios que no pueden ver la fotografía del logo (bien porque son invidentes o porque han desactivado la carga de imágenes por problemas con el ancho de banda) verán u oirán el texto alternativo "Logo de Entra en la Red".