Todas las colecciones
Material educativo
Herramientas de Accesibilidad
Herramientas de Accesibilidad

Guías de instalación y configuración para lectores de pantalla y herramientas de verificación de contraste en pruebas de accesibilidad.

Andrew Radchanka avatar
Escrito por Andrew Radchanka
Actualizado hace más de una semana

En este artículo, aprenderás qué herramientas usamos típicamente en las pruebas de accesibilidad, dónde puedes descargarlas y encontrar más información sobre cómo usarlas.

En general, las herramientas de accesibilidad se dividen en las siguientes categorías:

  1. Software de Lectores de Pantalla: Lee el contenido de la página en la pantalla.

  2. Software de Reconocimiento de Voz: Convierte las palabras habladas en texto.

  3. Teclado Especial: Facilita la escritura mediante un teclado especialmente diseñado para personas con discapacidades motoras.

  4. Software de Ampliación de Pantalla: Dedicado a usuarios con discapacidades visuales para ampliar la pantalla y facilitar la lectura.

En este artículo, nos enfocamos en el software de lectores de pantalla y técnicas de navegación con teclado.

Navegación con el teclado

Para probar la accesibilidad y usar un lector de pantalla, debes conocer los atajos básicos de navegación con el teclado. En la siguiente página, encontrarás combinaciones básicas de teclas que te permitirán navegar por sitios web sin necesidad de usar un cursor de ratón: Enlace a WebAIM - Técnicas de Navegación con Teclado

Lectores de pantalla

Según la Fundación Americana para Ciegos, ❝Los lectores de pantalla son programas de software que permiten a usuarios ciegos o con discapacidades visuales leer el texto que se muestra en la pantalla de la computadora con un sintetizador de voz... Un lector de pantalla es la interfaz entre el sistema operativo de la computadora, sus aplicaciones y el usuario. El usuario envía comandos presionando diferentes combinaciones de teclas en el teclado de la computadora... para instruir al sintetizador de voz sobre qué decir y hablar automáticamente cuando ocurren cambios en la pantalla de la computadora❞. Además, los lectores de pantalla ofrecen una variedad de funciones, como leer y buscar texto en la pantalla.

Con la ayuda de los lectores de pantalla, las personas con discapacidad visual y ciegas pueden operar aplicaciones, redactar documentos, enviar correos electrónicos, navegar por la web y mucho más, siempre que los sitios web y aplicaciones se hayan adaptado para satisfacer sus necesidades.

Para los siguientes lectores de pantalla, te recomendamos ver tutoriales en YouTube para familiarizarte con ellos.

Computadoras con Windows

NVDA (Non Visual Desktop Access) es un software gratuito de código abierto creado para ayudar a personas con discapacidades visuales a operar software y sitios web en la computadora.

  1. Visita la página web https://www.nvaccess.org/download/.

  2. Desplázate hacia abajo y haz clic en el botón de descarga.

  3. Ejecuta el paquete de instalación descargado y sigue las instrucciones para completar la instalación.

  4. Después de completar la instalación, puedes ejecutar NVDA y, a partir de ese momento, el lector de pantalla narrará los elementos en los que se enfoque mediante el teclado o el ratón, y narrará el texto que ingreses en los campos.

Aquí puedes encontrar combinaciones de teclas avanzadas que puedes usar con tu lector NVDA para desplazarte por el contenido de la página web: https://webaim.org/resources/shortcuts/nvda

JAWS es un lector de pantalla de pago que puedes usar de forma gratuita durante 40 minutos. Cuando se agoten los 40 minutos, debes reiniciar tu computadora para comenzar una nueva sesión gratuita. Así es como puedes instalar y configurar JAWS en tu computadora con Windows:

  1. Descarga la última versión oficial del lector de pantalla JAWS, que se encuentra en uno de los enlaces más abajo en la página. Por favor, no instales la versión beta, ya que no se garantiza que funcione de manera confiable.

  2. Sigue las instrucciones para completar la instalación.

  3. Se te pedirá que reinicies tu computadora para completar el proceso.

Te recomendamos que consultes las Teclas de Acceso Rápido de Navegación para JAWS para familiarizarte con el software.

Computadoras Apple

Las computadoras Apple con el sistema operativo macOS tienen su propio lector de pantalla integrado llamado VoiceOver.

  1. Para activar la funcionalidad de lector de pantalla en tu Mac, ve a Preferencias del Sistema.

  2. Abre la página de Accesibilidad (ver la primera imagen a continuación).

  3. En la página que se abre, marca la casilla "Habilitar VoiceOver" (ver la segunda imagen a continuación).

A través del botón "Iniciar Entrenamiento de VoiceOver" en la parte inferior, puedes realizar un entrenamiento que te enseñará cómo usar VoiceOver en tu computadora Mac.

Visita la Guía de Usuario oficial de VoiceOver de Apple para obtener más información sobre cómo usar VoiceOver en macOS Catalina.

Dispositivos Apple iOS (iPhones e iPads)

Los dispositivos con el sistema operativo iOS tienen su propio lector de pantalla integrado llamado VoiceOver.

  1. Actívalo navegando a Configuración > Accesibilidad > VoiceOver en tu dispositivo.

  2. Activa la opción VoiceOver en la parte superior.

  3. Haz clic en "Practicar VoiceOver" a continuación para probar todos los gestos disponibles y qué acciones desencadenan.

A partir de este momento, la forma en que operas tu dispositivo iOS cambia. El siguiente artículo oficial de Apple te ayudará a comprender los gestos: Aprende los gestos de VoiceOver en iPhone.

Puedes encontrar más artículos útiles sobre VoiceOver en la tabla de contenidos en esa misma página, visitando "Tabla de Contenidos > Accesibilidad > Visión > VoiceOver".

Dispositivos Android (teléfonos y tabletas)

Android tiene su propio lector de pantalla llamado TalkBack.

  1. Actívalo navegando a Configuración > Accesibilidad > TalkBack en tu dispositivo.

  2. Activa la opción "Usar servicio" para activar el lector de pantalla.

Ten en cuenta las breves instrucciones debajo de la opción "Usar servicio" sobre cómo utilizar Android TalkBack. Para obtener información detallada, visita la guía de Google "Primeros pasos en Android con TalkBack".

Herramientas de Verificación de Contraste de Color

Una parte importante de las pruebas de accesibilidad es asegurarse de que los contrastes de color entre el texto y su fondo sean suficientes para que las personas con discapacidad visual puedan leer el contenido con facilidad.

Hay dos herramientas de verificación de contraste de color ampliamente utilizadas:

  • El Verificador de Contraste de WebAIM:Esta herramienta te permite verificar rápidamente el contraste de un elemento HTML individual. Si deseas verificar páginas completas en lugar de un solo elemento, consulta la herramienta WAVE a continuación.

  • El Analizador de Contraste de Colores (CCA): Disponible tanto para Windows como para macOS, el CCA mide las proporciones de contraste de color y proporciona información sobre su cumplimiento con WCAG 2.1. La herramienta indica qué puntos de control de WCAG no se cumplen según sus medidas.

Usando la función ❝Pinch❞, puedes medir los colores de un texto y su fondo o ingresarlos manualmente, y la aplicación calculará la proporción de contraste de color.

Herramientas Automatizadas

WAVE es una Herramienta de Evaluación de Accesibilidad Web gratuita de WebAIM. Este conjunto de herramientas de evaluación puede identificar muchos errores de accesibilidad y verificar el cumplimiento con las Pautas de Accesibilidad al Contenido Web (WCAG). WAVE ofrece retroalimentación visual sobre la accesibilidad del contenido de un sitio web al inyectar íconos e indicadores en la página, facilitando las pruebas de accesibilidad y reduciendo el esfuerzo de prueba manual.

Puedes utilizar la herramienta WAVE en línea o instalar las extensiones de WAVE para Firefox y Chrome para analizar las proporciones de contraste de color de páginas completas.

Para comenzar, consulta esta introducción de WebAIM.

Alternativamente, puedes probar la herramienta Validador HTML de W3C.

¿Ha quedado contestada tu pregunta?