Nota: este artículo es una traducción del original en inglés publicado en WebAIM: Using NVDA to evaluate Web Accessibility.
Contenidos del artículo
Esta lista es una tabla de contenidos del artículo. Para saltar esta lista en NVDA, pulsa H para ir al siguiente encabezado.
Introducción
Este artículo está pensado para ayudar a que las personas que son novatas en el uso de NonVisual Desktop Access (NVDA) aprendan los controles básicos que permiten evaluar contenidos web, y para servir como referencia para el usuario ocasional de NVDA. NonVisual Desktop Access (NVDA) es un lector de pantalla gratuito de código abierto para el sistema operativo Microsoft Windows. Está disponible en más de 20 idiomas [N.T.: entre ellos el castellano] y puede ejecutarse en cualquier ordenador desde una unidad USB sin necesidad de instalación.
Es importante evaluar la accesibilidad de los contenidos web con un lector de pantalla, pero los lectores pueden ser muy complicados de utilizar para el usuario ocasional, de manera que mucha gente los evita. Esto no tiene por qué ser así. Aunque es cierto que los lectores de pantalla son complicados, es posible evaluar la accesibilidad de un contenido web sin necesidad de ser un usuario experto.
Cuando leas este artículo, ten en cuenta algunas cosas:
- Este artículo no tiene una lista exhaustiva de los controles de NVDA. Proporciona una lista de los controles esenciales que los usuarios nuevos deberían conocer. Para una lista más completa de controles de NVDA, consulta la lista de controles de teclado de NVDA. También está disponible la Guía de usuario de NVDA, pero la documentación es mínima.
- Si nunca has usado lectores de pantalla, tomate un tiempo adicional (probablemente varias horas) para navegar por esta página y las otras páginas de ejemplo acostumbrándote a usar el NVDA. No te desesperes si las cosas parecen confusas después de unos pocos minutos. Reduce la velocidad de lectura y tómatelo con calma.
- Normalmente es más fácil trabajar con NVDA en un teclado completo. Hay disponible una configuración de teclado diferente si prefieres usar un teclado de portátil, pero esa configuración no se menciona en este artículo.
Empezando
NVDA es una aplicación de código abierto. Puedes descargar NVDA de forma gratuita (solo disponible para Windows). Al ser NVDA un proyecto relativamente nuevo, algunas de sus características todavía son básicas. Cuando hayas descargado e instalado NVDA, puedes ejecutarlo pulsando Ctrl + Alt + N.
La tecla NVDA puede ser la tecla Insert (por defecto) o puedes cambiarla a Bloq Mayús. El cuadro de diálogo inicial tiene una opción para definir el bloqueo de mayúsculas como tecla NVDA. Si quieres cambiar la tecla NVDA más tarde, pulsa Ctrl + NVDA + K.
Cuando uses NVDA, ten esto en cuenta:
- Aunque NVDA tiene un soporte básico para acceder a Windows y muchas aplicaciones de Windows, solo nos vamos a centrar en el acceso a contenido web.
- Asegurate de que el bloqueo del teclado numérico (Bloq Num) está desactivado.
- Probablemente querrás probar NVDA en Mozilla Firefox, aunque este no sea tu navegador habitual [N.T.: La integración de NVDA con este navegador es mejor que con el resto].
- Recuerda que los usuarios de lectores de pantalla normalmente no usan el ratón. A medida que te vayas familiarizando con NVDA, intenta usar solo el teclado.
- La mayoría de los atajos de teclado de los navegadores seguirán funcionando cuando uses NVDA.
- La página puede no hacer scroll mientras la leas, por lo tanto puedes escuchar que NVDA lee contenidos que no son visibles en la pantalla.
Lectura
Hay docenas de controles que te permiten leer contenido por línea, frase, palabra, carácter, etc. La siguiente es una lista de controles esenciales. Con estos controles, deberías poder navegar por la mayor parte de los contenidos.
- + (teclado numérico): empezar a leer desde el principio de la página.
- NVDA +
: empezar a leer desde la posición actual. - Ctrl: parar de leer.
- NVDA +
o 8 (teclado numérico): leer línea actual. - Ctrl +
/
o 4/6 (teclado numérico): palabra anterior/siguiente. - o 7 (teclado numérico): línea anterior.
- o 9 (teclado numérico): línea siguiente.
- / o 1/3 (teclado numérico): carácter anterior / siguiente.
- F5/Ctrl + F5: recargar página / forzar recarga de página. Si te pierdes, así puedes volver a empezar.
- NVDA + Ctrl + /: aumentar/reducir velocidad de lectura.
Puede que ahora quieras practicar leyendo el contenido de esta página con NVDA. Recuerda que al principio de la página hay un enlace para saltar al contenido.
Navegación
Los usuarios videntes navegan visualmente de varias formas por los contenidos web. Leen por encima en busca de títulos, listas, tablas, etc. La mayoría de estos métodos también están disponibles para los usuarios de lectores de pantalla si el sitio está correctamente estructurado y organizado. Para navegar adelante y atrás por los diferentes enlaces y elementos de formulario de una página, usa Tab y Mayus + Tab. A continuación incluimos otros controles.
Teclas rápidas
Estas teclas rápidas te ayudarán a navegar por elementos comunes de los sitios.
- H: Encabezados.
- 1 - 6: Niveles de encabezado 1-6.
- F: Formularios.
- T: Tablas.
- B: Botones.
- Muchas veces el botón de Buscar es el primer botón de una página. Habitualmente puedes navegar hasta el formulario de búsqueda pulsando B para ir al primer botón de la página y después Mayus + Tab para navegar al elemento de formulario anterior (el campo de texto del buscador).
- L: Listas.
- I: Items de una lista.
Mayus + tecla rápida te permitirá navegar por los elementos en orden inverso (funciona con la mayoría de los controles). Hay muchos otros controles en nuestra lista de controles de teclado de NVDA.
Otros atajos de navegación
- NVDA + F7: lista de enlaces.
- Ctrl + Inicio: inicio de la página.
- Ctrl + Fin: final de la página.
- Alt + D o F6: barra de direcciones del navegador.
Para practicar con los controles de lectura y navegación, prueba a recargar esta página y navegar hasta esta sección. Hay varias formas para que puedas hacerlo: Navega a la Tabla de Contenidos, usa el enlace que lleva a esta sección y empieza a leer o navegar por frase, encabezados (H), listas (L), Buscar, o leer línea anterior/siguiente (/).
Imágenes
Todas las imágenes de una página necesitan un texto alternativo. Si una imagen no tiene texto alternativo, el lector de pantalla normalmente la ignorará, pero este comportamiento puede variar.
Ejemplos y prácticas de imágenes.
Tablas de datos
En una web hay dos usos para las tablas: para maquetación y para organizar datos. En NVDA, para navegar a la siguiente tabla, pulsa la tecla T. Para navegar entre las celdas de una tabla, usa / para ir a la celda anterior/siguiente.
Ejemplos y prácticas de tablas.
Formularios
Los formularios se usan para interactuar con la web. El elemento <label> se usa para asociar explícitamente los controles de formulario y sus descripciones. NVDA leerá la etiqueta de un control de formulario cuando se navegue a ese elemento. Si un control de formulario no tiene una etiqueta asociada mediante <label>, NVDA no identificará el propósito de ese control. El elemento <fieldset> se usa para agrupar controles de formulario relacionados. Normalmente se usa para dar información sobre grupos de botones de radio y checkboxes. NVDA normalmente lee el elemento <legend> de un fieldset.
Usa estos controles para navegar e interactuar con un formulario:
- Cuando accedes a un elemento de formulario, NVDA entra en modo formulario o de foco. En el modo de foco puedes escribir texto sin activar las teclas rápidas u otros controles de formulario. Puedes pulsar Enter o NVDA + Barra Espaciadora para activar el modo de foco.
- Pulsa NVDA + Barra Espaciadora para salir del modo foco y volver al modo de navegación.
- Una vez en el modo de foco/formulario, usa Tab y Mayus + Tab para navegar entre los controles de formulario.
- Usa la Barra Espaciadora para seleccionar y deseleccionar checkboxes.
- Usa / para seleccionar un elemento de un grupo de botones de radio.
- Usa / o la primera letra para seleccionar un elemento de un control desplegable.
- NVDA sale automáticamente del modo formulario cuando pulsas Enter para enviar el formulario, navegas a otra página o seleccionas un botón.
Ejemplos y prácticas de formularios.
Práctica
- Revisa esta página, sección por sección. Al final de cada sección, vuelve al inicio y navega a otras secciones usando controles diferentes. Por ejemplo:
- Usa la Tabla de Contenidos.
- Usa Ctrl + F para abrir la función de búsqueda.
- Navega por los encabezados (H o 1 - 3).
- Hay un par de elementos en esta página que están ocultos a la vista, pero que se ofrecen para mejorar la orientación de los usuarios de lectores de pantalla. Mira a ver si los puedes identificar (pista: uno está justo antes de la sección principal de contenido y el otro justo después).
- Suscríbete al boletín de WebAIM sin usar el ratón (Pista: hay un enlace en esta página).
- Apaga la pantalla y repite algunas de estas tareas.
Artículo publicado el 15/6/2010.
