Pruebas básicas con lector de pantalla VoiceOver en Mac
Contenido del curso
Lautaro Cabral
Gonzalo Blasco
Felipe Bernardo González Barranco
Yuleisy Isabel Camacho Morillo
Juliana Gomez
Profesor
Pablo García Egido
Juan Pablo Celiz
Martín David Roldán
Gonzalo Blasco
Jonathan Bernal
Eliseo Ávila
Felipe Bernardo González Barranco
Cynthia Jazmín Romero
Christian David Sánchez
Gonzalo Blasco
Alberth Fabian Perez Mendivelso
Felipe Bernardo González Barranco
Miguel Angel Reyes Moreno
Luis Ruiz Ramos
Christian David Sánchez
Daniel Esteban Santos Mendez
Mario Gustavo Sanchez
Alejandra Osorio
Daniel Andres Rojas Paredes
Adrián Benavente
Adrián Benavente
Mateo Espinosa Cubillos
Sergio Estrella
Profesor
Jefred Bedoya
Carolina Gómez
Carolina Gómez
carlos pineda
Windows+Ctrl+Enter Para entrar al VoiceOver de Windows
ehhh VoiceOver es parte del macOS, no existe en Windows. Windows 10 trae su propio screen reader, creo se llama Narrator (https://ccm.net/faq/43342-how-to-enable-the-screen-reader-in-windows-10)
Buena aclaracion!
sería bueno que en los videos de la profe colocaran en la pantalla la imagen de los comandos para saber cuales son las teclas ya que cada tecla según el país tiene un nombre diferente !
Buen punto Isabel! Aquí te comparto unos pantallazos del teclado en español para cada instrucción:
Prender VO: https://share.buffer.com/JruWlOmm
Pausar: https://share.buffer.com/eDuxz50A
Mover adelante: https://share.buffer.com/P8uRd1w9
Mover atras: https://share.buffer.com/OAurw6Zj
Juliana, disculpa pero las url no llevan a ningún lado.
Muchas gracias!
Es INCREÍBLE como cambió mi perspectiva sobre una página web desde que comencé este curso, nunca más voy a dejar una página con poca accesibilidad. GRAN CLASE.
Comando para ChromeVox: ChromeVox modifier key = Search
Turn on braille captions = Search + A, B
Show ChromeVox Menus = Search + Period
Next heading = Search + H
Previous heading = Search + Shift + H
Enter Learn Mode = Search + O, K
Next group = Search + Ctrl + Down
Next object = Search + Right
Next line = Search + Down
Next word = Search + Shift + Ctrl + Right
Next character = Search + Shift + Right
donde estabas Martín hace 4 años cuando tuve que hacer la Accesibilidad de donde trabajaba?... 🤪
Muchas gracias por el aporte de ChromeVox
++PRENDER VOICEOVER++
Deberían mostrar el manejo de las herramientas también para los que tenemos Windows, supongo que la mayoría aquí
Me encanta, solo faltaría añadirle una clase donde haga la prueba con NVDA para los que tenemos Windows.
Con Chrome Vox podes hacer tus pruebas.
Definitivamente uno de los mejores cursos que he visto por su importancia de inclusión a más personas.
Muy cierto!!
Necesitamos aprender 5 comandos:
En Windows se activa: Tecla Windows + Ctrl + Enter
Los screen readers darán información al usuario sobre qué está en la pantalla, por eso debemos tener muy buena semántica.
Esto fue un despertar para mi, no tenía idea que funcionaba así
Sabes como manejarlo? Lo instale y me volvio loco jaja, suspuestamente con ctrl + alt + z se pausa o se da play al lector, pero a mi no me funciono.
Lo instale suspuestamente con ctrl + alt + z se pausa o se da play al lector, pero a mi no me funciono. Alguien sabe cual es el comando correcto.
Tengo una duda, espero no se toma a mal. Pero en una instancia del video se menciona que esta opcion de lector de pantalla, es para las personas que no pueden ver la pantalla. Lo que no entiendo es, cómo podría cerrar las notificaciones que le salen al lado izquierdo inferior? :(
Hola, estaba escribiendo un comentario cuando se reprodujo automaticamente la siguiente clase y perdi todo lo escrito, basicamente un usuario de lector de pantalla evita tener que navegar todo por tabulador, puesto que esto se hace aun mas tedioso cuanto mas se complegise una pagina web, . existe algo llamado navegacion por tecla , asi se puede navegar por encabezados, landmarks botones, links etc etc. por cierto en movile existe el talbak, tambien las apps moviles deben ser accesibles
En cualquier distribución GNU/Linux con escritorio GNOME, para activar el lector de pantallas: Meta+Alt+S En cualquier otro escritorio, instalar el paquete 'orca' a través de tu gestor de paquetes. Documentación: https://help.gnome.org/users/orca/stable/
Listado de comandos para navegación estructural: https://help.gnome.org/users/orca/stable/commands_structural_navigation.html.en
(La tecla modificadora de Orca por defecto es Insert)
windows + ctrl + enterYa sabemos lo que hace falta, ahora... manos a la obra! :D
Fundamentos de VoiceOver en Mac
Fn + Cmd + F5.Ctrl.Ctrl + Opt + Flecha derecha/izquierda.Ctrl + Opt + Shift + Flecha abajo/arriba.alt text) son invisibles para el usuario; deben etiquetarse para dar contexto.banner, main, nav y niveles de encabezado (h2), permitiendo al lector de pantalla informar al usuario qué está navegando y cómo interactuar con ello.Resumen de la clase: Pruebas de accesibilidad con VoiceOver
En esta clase se realizaron pruebas prácticas con VoiceOver, el lector de pantalla que viene por defecto en todos los dispositivos Apple. Como la profesora utiliza Mac, se trabajó específicamente con esta herramienta.
Antes de hacer pruebas de accesibilidad, es fundamental aprender a usar el lector de pantalla, ya que si no sabemos manejarlo, podríamos pensar erróneamente que una página no es accesible, cuando en realidad el problema es el desconocimiento del lector.
Para comenzar, se explicó que es necesario aprender cinco comandos básicos de VoiceOver:
En Mac, VoiceOver se activa con el comando Command + F5 (en algunos teclados es necesario usar también la tecla Fn). Para pausar la voz, se puede usar la tecla Control. La profesora aclaró que no recomienda apagar VoiceOver desde los diálogos que aparecen, sino usar los comandos, ya que es la forma más sencilla y correcta de manejarlo.
Se aclaró que VoiceOver no tiene muchas formas de navegación complejas y que, en esta clase, solo se trabajó con la navegación básica.
Durante la demostración, la profesora mostró cómo VoiceOver lee toda la página de manera secuencial. Se observó que:
Luego se comparó con una página bien implementada en accesibilidad, como webaim.org, donde VoiceOver:
En conclusión, la clase enfatiza que las pruebas con lectores de pantalla son esenciales para evaluar la accesibilidad real de un sitio web y que elementos como imágenes sin etiquetas o enlaces mal definidos hacen que una página no sea accesible para personas con discapacidad visual.
Como en Macbookpro encuentro el F5?, me gustaría que para futuras clases donde se debe accionar con el teclado, muestren el teclado en el curso. Gracias
Está increible usar este tipo de herrramientas ¿cómo puedo usarla en windows?