Pruebas manuales con lectores de pantalla

Lectores de Pantalla: Software que mapea las páginas que usamos y las lee en voz alta.

Combinaciones de lectores de pantalla y navegadores:

NVDA - Mozilla Firefox
JAWS - Internet Explorer
VoiceOver - Safari
ChromeVox - Google Chrome

Una gran herramienta complemento para los lectores de pantalla es ANDY que no permite corregir nuestro código y hacer pruebas muy fáciles!
https://www.ssa.gov/accessibility/andi/help/install.html

• Los lectores de pantalla han abierto a la web a diversas personas que antes no podían usar los sitios web
• Son Software que mapea las páginas que usamos y las lee en voz alta. Usadas normalmente por personas que tienen incapacidades visuales.

• Es importante tener en cuenta cuales lectores podemos usar de manera compatible con los diferentes navegadores web

• NVDA → Mozilla Firefox

• JAWS → Microsoft Internet Explorer (EDGE)

• VoiceOver → Sfari

• ChromeVox → Google Chrome

• Apartado de Chorme DevTools → En Elements → Accessibility → Accessibility Tree

webaim.org

En el curso de Frontend Developer, en una clase se pudo hacer el ejercicio de entrar a YouTube con un lector de voz, y pudimos ver lo mucho que se demoraba en llegar al primer vídeo del home.
Y eso que tenía buen html para saber cuándo llegaba, de no ser así, era imposible saberlo sin ver 😲

ChromeVox Classic Extension.

Imagina que estás compilando una interfaz de usuario solo para usuarios de lector de pantalla. Aquí, no necesitas crear una IU visual, solo tienes que brindar suficiente información para que use el lector de pantalla.

.
Lo que crearías es una especie de API que describe la estructura de la página, similar a la API del DOM, pero puedes terminar con menos información y menos nodos, porque mucha de esa información solo es útil para la presentación visual. Puede lucir así:
.

.

• El arbol de accesibilidad - Google Web Fundamentals

Todos los lectores de pantalla mencionados, con excepción al ChromeVox, en realidad son de sistema. O sea, funcionan sobre cualquier parte del sistema operativo aunque se suele asociar cada uno de ellos a los Screen Readers mencionados… Ahhh, y comentario al pasar… JAWS es un excelente Screen Reader, pero a la vez es el ÚNICO PAGO, y cuesta más que un iPhone…

Este curso debería ser un must-to para cualquier desarrollador. Yo ya había escuchado de lectores de pantalla, pero aprender como usarlos para crear un producto mas accesible es realmente genial.

Excelente aprender de la existencia del árbol de accesibilidad.

Por qué hay sitios que en “Accessibility Tree” aparece “Ignored” incluso recargando la página? me pasó en mi web y en la página de Platzi.

Recursos complementarios

• What is a screen reader?
• Accessibility Tree
• ANDI Accessibility Testing Tool

1:32 no se dice envidia :v?

Los lectores de pantalla le han abierto la web a personas que antes no podían usarla. Son software que mapean los páginas que usamos y las leen en voz alta.

En las devtools tenemos el “Accesibility Tree” que nos muestra qué tan accesible es nuestro sitio web.

👌

Chrome Vox: es una extensión de Chrome que brinda la velocidad, versatilidad y seguridad de Chrome a usuarios con discapacidad visual.

Los lectores de pantalla mas utilizados son:
NVA => Mozilla Firefox
JAWS => Internet explorer
VoiceOver => Safari
ChromeVox => Google chrome

Cuando inspecciono las pagina de WebAIM en Accessibility tree me sale Ignored. Cuando le hago click dice generic 🤔

Impresionante

https://webaim.org

Muy útiles los lectores de pantalla los he usado un par de veces!

¿alguien sabe cual seria el indicado para microsoft edge?

VoiceOver - Safari