Respuesta corta: un lector de pantalla es un programa que lee la pantalla en voz alta o la pasa a una pantalla braille. Lo usan personas ciegas o con baja visión para navegar, y también otras personas. Prueba tu web con NVDA o el Narrador en Windows, o con VoiceOver en una Mac: muévete por los títulos, recorre con Tab enlaces y botones, y comprueba que cada uno tiene un nombre claro. Después repite en un teléfono.
Qué hace un lector de pantalla
MDN describe los lectores de pantalla como programas que transmiten lo que hay en la pantalla sin usar la vista. Casi siempre lo hacen con voz, pero también en braille o con sonidos. La mayoría funciona en todo el sistema, no solo en el navegador.
MDN nombra a personas con discapacidad visual, personas que no saben leer y personas con dificultades de aprendizaje. El W3C incluye los lectores de pantalla entre las tecnologías de apoyo que leen en voz alta las páginas web para quien no puede leer el texto.
Los lectores de pantalla que usa la gente
| Lector de pantalla | Dónde funciona | Qué conviene saber |
|---|---|---|
| JAWS | Windows | El 40.5% de quienes respondieron a WebAIM lo usa sobre todo en la computadora |
| NVDA | Windows | Gratuito; el 37.7% lo usa sobre todo en la computadora |
| Narrador | Windows | Viene incluido; Win + Ctrl + Entrar lo inicia |
| VoiceOver | Mac y iPhone | Viene incluido; el 70.6% lo usa habitualmente en teléfonos y tabletas |
| TalkBack | Android | El lector de pantalla de Google; el 34.7% lo usa habitualmente en teléfonos y tabletas |
De la décima encuesta de WebAIM a usuarios de lectores de pantalla, NV Access, Microsoft, MDN y Google, consultados el 4 de noviembre de 2026.
Las Chromebook también traen uno, ChromeVox. En una Mac, VoiceOver lee en voz alta y además muestra lo que lee en un recuadro gris oscuro, algo útil si pruebas con el sonido apagado.
Cómo lee tu página un lector de pantalla
Un lector de pantalla no mira tu diseño. MDN explica que los navegadores crean un árbol de accesibilidad a partir de la página. Las tecnologías de apoyo, como los lectores de pantalla, lo leen mediante las funciones de accesibilidad del sistema. Nuestra guía de HTML semántico explica los elementos con los que se construye ese árbol.
Cada objeto del árbol tiene un nombre, una descripción, un rol y un estado. Un enlace que dice «Leer más» se llama «Leer más», así que diez enlaces así suenan igual. Nuestra guía de aria-label explica cómo reciben su nombre los elementos.
Cómo se mueve la gente por una página
En la encuesta de WebAIM, el 71.6% dijo que, para encontrar algo en una página larga, primero se mueve por sus títulos. Nuestra guía de la etiqueta H1 explica el título que abre cada página.
Un enlace que salta el menú evita oírlo en cada página; nuestra guía del enlace para saltar al contenido lo explica. Y el 91.3% de quienes respondieron usaba un lector de pantalla en un dispositivo móvil, así que prueba ahí también.
Cómo probar tu web con un lector de pantalla
- Activa un lector de pantalla: NVDA o el Narrador en Windows, VoiceOver en una Mac o un iPhone, TalkBack en Android.
- Abre la página y escúchala desde arriba sin mirar la pantalla.
- Salta de título en título y comprueba que el esquema tiene sentido.
- Recorre con Tab los enlaces y botones y comprueba que cada nombre dice adónde lleva o qué hace.
- Comprueba que las imágenes describen lo que muestran y que las decorativas no dicen nada.
- Rellena un formulario, deja un campo mal a propósito y comprueba que oyes el error.
- Repite la prueba en un teléfono con VoiceOver o TalkBack.
Qué reciben los lectores de pantalla de nuestras páginas
El 4 de noviembre de 2026 leímos lo que Chrome entrega a los lectores de pantalla en seis de nuestras páginas: la de inicio, una guía y la de contacto, en inglés y en español, a tamaño de computadora y de teléfono. Chrome lo construye a partir de la página, en su árbol de accesibilidad.
Todas las páginas declaraban su idioma y tenían una sola zona principal y un solo H1. El primer Tab caía en el enlace que salta al contenido, y ningún enlace, botón, imagen o campo se quedaba sin nombre.
Encontramos un fallo: cada página tenía dos zonas de cabecera y dos de pie, porque nuestros bloques de cabecera y pie estaban dentro de otra cabecera y otro pie. Marcamos los de dentro con role="none". Después del cambio, cada página tenía una de cada, y se veía exactamente igual que antes.
Antes de publicar
- La página declara su idioma.
- Hay un solo H1 y los títulos siguen el orden del contenido.
- Cada enlace y botón tiene un nombre que se entiende solo.
- Las imágenes tienen texto alternativo, o uno vacío si son decorativas.
- Los campos del formulario tienen etiquetas que el lector de pantalla anuncia.
- El primer Tab llega a un enlace que salta al contenido.
RecuerdaUn lector de pantalla lee tu código, no tu diseño. Si el código es claro, la página es clara para todos los que la escuchan.
Las páginas que funcionan con lectores de pantalla son parte de nuestro servicio de diseño web. Nuestra guía de navegación con teclado explica el resto de una prueba con teclado.
Respuestas rápidas sobre los lectores de pantalla
¿Qué es un lector de pantalla?
Un programa que transmite lo que hay en la pantalla sin usar la vista, casi siempre con voz y a veces en braille o con sonidos. La mayoría funciona en toda la computadora o el teléfono, no solo en el navegador.
¿Quién usa un lector de pantalla?
MDN nombra a personas con discapacidad visual, personas que no saben leer y personas con dificultades de aprendizaje. El W3C los describe como herramientas que leen en voz alta las páginas web para quien no puede leer el texto.
¿Qué lector de pantalla usa más gente?
En la décima encuesta de WebAIM a usuarios de lectores de pantalla, el 40.5% usaba sobre todo JAWS en la computadora y el 37.7% NVDA. En teléfonos y tabletas, el 70.6% usaba habitualmente VoiceOver y el 34.7% TalkBack.
¿Hay algún lector de pantalla gratis?
Sí. NVDA, para Windows, es gratuito. Windows también trae el Narrador, los dispositivos de Apple traen VoiceOver y los de Android traen TalkBack, así que puedes probar sin comprar nada.
¿Cómo activo un lector de pantalla para probar mi web?
En Windows, Win + Ctrl + Entrar inicia el Narrador. En una Mac, fn + Command + F5 activa y desactiva VoiceOver. En un iPhone, ve a Configuración, Accesibilidad, VoiceOver, y actívalo.
Fuentes
Consultadas el 4 de noviembre de 2026. MDN Web Docs: Árbol de accesibilidad. Microsoft Support: Guía completa del Narrador. Soporte técnico de Apple: Activar y practicar con VoiceOver en el iPhone. Ayuda de Accesibilidad de Android: Cómo empezar a usar Android con TalkBack. En inglés: MDN Web Docs, Screen reader; Iniciativa de Accesibilidad Web del W3C, Tools and Techniques; WebAIM, Screen Reader User Survey #10 Results; NV Access, About NVDA. Nuestro caso: nuestras propias páginas, leídas en un navegador el 4 de noviembre de 2026.