12 Problemas Comunes de Accesibilidad Web para Discapacidad Visual
Collection :
Ahora es de conocimiento común que la accesibilidad web es un derecho humano básico. Además de abrir su sitio web a una audiencia más amplia de más de 1,000 millones de personas con discapacidades, las mejores prácticas de accesibilidad se alinean con otros objetivos comerciales como el SEO, la usabilidad, los diseños compatibles con dispositivos móviles y más. El estándar para la accesibilidad web está regido por las Pautas de Accesibilidad para el Contenido Web (WCAG).
Según los Centros para el Control de Enfermedades, la discapacidad visual es una de las 10 principales discapacidades entre adultos mayores de 18 años y es una de las discapacidades más comunes entre los niños. Las discapacidades visuales abarcan una amplia gama de trastornos y enfermedades, como la ceguera completa, el daltonismo, los errores de refracción (miopía, hipermetropía y astigmatismo), los trastornos relacionados con la edad como el glaucoma, las cataratas y la degeneración macular, así como afecciones como la ambliopía ("ojo perezoso") o el estrabismo (ojos desviados hacia afuera o hacia adentro).
Cómo las personas con discapacidades visuales acceden a internet
La web es un medio muy visual, por lo que las discapacidades visuales pueden causar significativos problemas de accesibilidad. Aquellos con discapacidades visuales utilizan tecnología asistiva como lectores de pantalla, herramientas de ampliación de pantalla o pantallas braille actualizables para acceder a internet.
Un lector de pantalla es un tipo de software que funciona con el sistema operativo para proporcionar información sobre iconos, menús, archivos, carpetas y cuadros de diálogo. Como los lectores de pantalla no dependen de un ratón, generalmente operan respondiendo a varios comandos de teclado. Por ejemplo, un comando puede permitir que un lector navegue por una página web, lea parte de un documento o haga una selección. Todos los sistemas operativos ahora vienen con lectores de pantalla. También hay algunos lectores de pantalla comerciales, como el popular software JAWS (Job Access With Speech). Los lectores de pantalla pueden leer todo o parte del texto visible en una página, leer cierto texto que no es visible para usuarios videntes (como el texto alternativo) y detectar el formato del texto dentro de un documento. Sin embargo, para hacer todas estas cosas, el sitio web debe estar codificado para la accesibilidad.
Una pantalla braille actualizable permite a los usuarios con discapacidades visuales leer la salida de texto en una pantalla a través del levantamiento y descenso de pines a través de agujeros en una superficie plana en combinaciones braille. Las pantallas braille actualizables se utilizan junto con el software de lector de pantalla que recopila la información del contenido de una página web y la convierte en caracteres braille para ser mostrada.
Los problemas de accesibilidad web para personas con discapacidades visuales ocurren cuando encuentran un sitio web que no está codificado para ser navegable por teclado y compatible con tecnología asistiva. Tener código bien estructurado es extremadamente importante para que el software de lector de pantalla funcione correctamente porque la presencia de ciertos fragmentos de código activará un comando. Por ejemplo, si un lector de pantalla detecta el código para una tabla de información en una página, activará comandos como aquellos que permiten navegar la tabla horizontal o verticalmente.
12 problemas comunes de accesibilidad para usuarios con discapacidad visual
Estos son los problemas digitales más comunes que encuentran las personas con discapacidades visuales al usar una web que no está hecha accesible o codificada para acomodar tecnología asistiva.
1. Diseño HTML
Algunos lectores de pantalla pueden detectar y leer el CSS de una página. Sin embargo, otros dependen del HTML sin estilos. Esto puede crear problemas cuando el lector de pantalla está determinando qué debería leerse primero en la página. Para evitar este problema, todo el HTML debe estar estructurado de la misma manera que se estructuraría un documento impreso para que tenga sentido cuando se lee de izquierda a derecha, de arriba a abajo.
2. Contraste de texto
Una de las preocupaciones de accesibilidad más comunes es el bajo contraste de color entre el texto y los fondos. El contraste de color es un elemento esencial de la accesibilidad web ya que ayuda a los usuarios a percibir el contenido en una página. Según WCAG 2, el contraste es la diferencia de brillo entre dos colores. El bajo contraste en el texto es un problema de accesibilidad común, ya que las personas con baja sensibilidad al contraste, como las personas mayores, o las personas con daltonismo pueden no ser capaces de distinguir entre el texto y el fondo de ciertos colores con una relación de contraste baja.
En febrero de 2021, WebAIM realizó una evaluación de la accesibilidad de un millón de páginas de inicio de sitios web y encontró que el 86.4% de las páginas de inicio tenían texto de bajo contraste. Según WCAG 2.1 nivel AA, la relación de contraste de color ideal es 7:1 para texto normal y 4.5:1 para texto grande.
El bajo contraste es una solución fácil adaptando el diseño y los temas de su sitio web a combinaciones de colores accesibles. Hay muchas herramientas gratuitas de accesibilidad como el Verificador de Contraste de Color de Acquia Web Governance que puede usar para verificar que haya suficiente contraste entre su texto y el fondo.
3. Estructura de encabezados
Los usuarios de sitios web con discapacidades visuales rara vez leen una página web completa. En su lugar, escanean la página buscando las partes que más les interesan. También pueden escanear páginas web para obtener información pertinente usando su lector de pantalla para listar encabezados. Si los encabezados no se usan correctamente (o en absoluto), entonces el usuario no podrá encontrar lo que está buscando en la página. Por eso nunca debe usar encabezados decorativamente y debe colocarlos de manera lógica descendente en la página (H1, H2, H3, etc.).
4. Accesibilidad del teclado
Usar un ratón para navegar por un sitio web puede ser difícil o incluso imposible para personas con discapacidades visuales, por lo que en su lugar, usan el teclado para navegar. Las personas con discapacidades visuales pueden moverse por un sitio web usando comandos y atajos de teclado. Sin embargo, un sitio web tendrá que tener contenido bien estructurado con estructuras de encabezados apropiadas y estar codificado para permitir el acceso por teclado a todo el contenido y funcionalidad como hipervínculos, enlaces, formularios y controles multimedia.
Los usuarios de teclado usan la tecla Tab para navegar por la página y mientras lo hacen, necesita haber un indicador de foco de teclado visible que les muestre en qué elemento están en la página. Estos indicadores aparecen como un borde o como un resaltado alrededor del elemento enfocado, ayudando a aquellos con baja visión a determinar dónde están en la página web. Es importante que el sitio web esté codificado para la navegación por teclado ya que el indicador de foco necesita seguir un orden de lectura lógico.
5. Enlaces de navegación
Los enlaces de navegación también son un problema de accesibilidad. Los lectores de pantalla no pueden detectar la navegación si no está bien codificada. Y cuando se encuentra en una página, un lector de pantalla no sabrá saltársela. Esto significa que los usuarios con discapacidades visuales tendrán que escuchar la navegación cada vez que carguen una página nueva. Una solución a esto es asignar con precisión roles ARIA a los menús de navegación para indicar su propósito y hacerla navegable. Además, asegúrese de que esté disponible un enlace de "Saltar al contenido principal" para que la navegación pueda ser omitida por los usuarios de lectores de pantalla.
6. Contenido no HTML
Los problemas de accesibilidad también se extienden al contenido como documentos alojados en un sitio web. El contenido no HTML como PDFs, presentaciones de Microsoft PowerPoint o documentos de Word, también debe hacerse lo más accesible posible. Hay formas de hacer accesibles algunos de estos documentos: los PDFs por ejemplo pueden ser etiquetados para navegación por un lector de pantalla, mientras que PowerPoint y Word ofrecen una función de Verificador de Accesibilidad dentro del software para crear documentos accesibles.
7. Renderizado de JavaScript
JavaScript solía ser completamente inaccesible para los lectores de pantalla, pero ahora, la mayoría de los lectores de pantalla pueden acceder a él. Sin embargo, es importante tener en cuenta que algunas personas pueden tener JavaScript deshabilitado o estar en un entorno (como un lugar de trabajo corporativo) donde está desactivado. Los usuarios también pueden estar usando versiones más antiguas de lectores de pantalla que no pueden manejar JavaScript. Por esta razón, es importante asegurarse de que su sitio web aún funcione sin JavaScript.
8. Texto alternativo faltante (o inexacto)
Hacer un sitio web accesible no significa que necesite renunciar a las imágenes. Solo significa que los editores de su sitio web necesitan ser cuidadosos sobre cómo asignan etiquetas alt a las imágenes. El texto alternativo debe describir claramente qué información transmite la imagen. Mantenga las descripciones cortas y concisas ya que los usuarios de lectores de pantalla tienden a navegar por el contenido rápidamente. Sus editores también necesitan saber que los lectores de pantalla leerán el texto alt primero antes de leer el pie de imagen (si lo tiene). Si el pie de imagen y el texto alt son idénticos, entonces el usuario escuchará la misma información dos veces. Aunque esto es técnicamente conforme, aún no es una gran experiencia de usuario.
Para imágenes decorativas, incluya un texto alt vacío (alt=" ") o nulo (alt="") en el código HTML. Esto le dirá al lector de pantalla que se salte la imagen.
Tenga en cuenta que el texto alt faltante impacta negativamente su sitio web de otras maneras también, como disminuir su SEO. Si su imagen carece de un texto alt o un atributo vacío/nulo, el lector de pantalla aún anunciará la imagen sin ninguna descripción, lo que puede hacer que sea muy confuso para el usuario.
9. Texto de enlace faltante
Los enlaces son cruciales para navegar por la web, pero traen su propio conjunto de problemas de accesibilidad. El texto de enlace faltante es un obstáculo común para las personas con discapacidades visuales. Esto ocurre cuando no se usa texto para describir o presentar el enlace. Esto puede suceder cuando se usan imágenes funcionales como botones, logotipos, íconos u otras imágenes como enlaces. Un lector de pantalla, sin embargo, no puede leer que estas imágenes funcionan como enlaces.
Para evitar que esto suceda, el texto alt de la imagen debe transmitir el propósito de la imagen y la acción que se tomará, en lugar de solo una descripción de la imagen. Por ejemplo, para una imagen de un logotipo que está destinada a llevar a la página de inicio, el texto alt debe ser "página de inicio de *nombre del sitio web*.com" en lugar de solo "logotipo de *nombre del sitio web*".
10. Texto de enlace ambiguo
El texto de enlace vago como "Haga clic aquí" o "Más", o simplemente mostrar todo el enlace en sí, puede tener sentido para usuarios videntes de un sitio web donde el contenido visual puede proporcionar contexto, pero para usuarios de lectores de pantalla, estos textos de enlace son ejemplos de terrible experiencia de usuario. Independientemente del texto que precede a estos enlaces vagos, aún no transmite suficiente información al usuario. Como los usuarios de lectores de pantalla tienen la capacidad de navegar de enlace a enlace, saltándose el texto entre ellos, no proporcionan contexto sobre qué es el enlace y a dónde los llevará. Esto se soluciona fácilmente usando texto informativo que proporcione algún detalle sobre de qué trata el enlace.
11. Formularios mal estructurados
La mayoría de los sitios web tienen campos de formulario para que los usuarios completen (una caja de búsqueda es un ejemplo de un formulario) y estos campos de formulario a menudo presentan problemas de accesibilidad para individuos con discapacidades visuales. Uno de los mayores problemas con los formularios es que a menudo no tienen las etiquetas e instrucciones correctas que los lectores de pantalla necesitan para transmitir información sobre el formulario. Cada campo necesita una etiqueta accesible para que el lector de pantalla la lea para que el usuario sepa qué completar. Los botones también necesitan texto claro para que el usuario sepa qué seleccionar después de completar el formulario. Si está usando CAPTCHAs, entonces necesita haber una alternativa de audio u otra alternativa accesible para usuarios con discapacidades visuales.
También, piense en qué sucede cuando el formulario se completa incorrectamente. Comúnmente, los sitios web devolverán el formulario con los campos incorrectos en rojo. Esto obviamente presenta un problema de accesibilidad para aquellos que no pueden ver el campo rojo. En su lugar, debe haber texto para ser leído que explique qué parte del formulario devolvió el error.
12. Expiraciones de formularios y tiempos límite
Muchos formularios tienen funciones de seguridad que causan que la página o el formulario expire después de una cierta cantidad de tiempo. Sin embargo, para aquellos que usan tecnología asistiva para completar formularios, el proceso podría tomar más tiempo y pueden no saber que hay un límite de tiempo en él. Ya sea elimine los tiempos límite en los formularios, proporcione información suficiente de que el formulario tiene límite de tiempo, o proporcione la funcionalidad para que los usuarios de tecnología asistiva extiendan el límite de tiempo para terminar el proceso.
Estos problemas de accesibilidad, aunque comunes, son relativamente fáciles de arreglar y evitar una vez que está consciente de ellos. Educarse sobre los fundamentos de la accesibilidad web y hacer uso del software de auditoría de accesibilidad web disponible, como Acquia Web Governance by Acquia, puede ayudar tanto a encontrar problemas si llegan a colarse, como ayudarlo a abordarlos antes de que sus usuarios los encuentren.
¿Busca una solución completa para la accesibilidad web? Acquia puede ayudar. Vea cómo podemos ayudarlo a lograr un sitio accesible con una auditoría gratuita de accesibilidad web.
