Windows+Ctrl+Enter
Para entrar al VoiceOver de Windows
Dominar las bases de la accesibilidad
¿Listo para hacer la web un mejor lugar para todos sus usuarios?
Conociendo la importancia de la accesibilidad web
Aprendiendo sobre WCAG y sus criterios de conformidad
Profundizando los 12 criterios de conformidad
Los 4 principios de WCAG
Tecnología Asistivas - cuáles son y cómo funcionan
Presentar el proyecto
Instalación del proyecto y primeros pasos
Evaluar la accessibilidad de sitios web
Pruebas automáticas con Lighthouse
Pruebas con simuladores de discapacidades visuales
Pruebas manuales con tu teclado
Pruebas manuales con lectores de pantalla
Pruebas manuales con VoiceOver
Refactorizar HTML para ser mas accessible
¿Qué es el HTML semántico y por qué es importante?
Usando HTML semántico en el header de nuestro sitio
Usando HTML semántico en el contenido principal de nuestro sitio
Usando HTML semántico en footer de nuestro sitio
ARIA - Accessible Rich Internet Applications
ARIA roles
ARIA properties
ARIA states
Overview del proyecto con los retos resueltos
Utilizar CSS para aumentar la acessibilidad de un sitio web
Contrastes de color
Iconos
Skip Links
Estilos de foco y hover
Overview retos resueltos con CSS
Extender la accesibilidad usando JavaScript
Manejando el foco del teclado - botones
Manejando el foco del teclado - el carousel
Coordinando el foco del teclado con el foco de lectores de pantallas
Manejando modales
Mejorando la accesibilidad con teclado de nuestro modal
Ayudando a nuestros usuarios a interactuar correctamente con el sitio
Validando formularios
Manejando cambios dinámicos
Conclusión
Siguientes pasos
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.
Antes: $249
$209
Paga en 4 cuotas sin intereses
Termina en:
14 Días
13 Hrs
19 Min
19 Seg
Pruebas manuales con VoiceOver
12/35Recursos
Aportes 29
Preguntas 1
Ordenar por:
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 !
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
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.
Me encanta, solo faltaría añadirle una clase donde haga la prueba con NVDA para los que tenemos Windows.
PRENDER VOICEOVER
.
PAUSAR VOICEOVER
.
MOVER ADELANTE
.
MOVER ATRÁS
Deberían mostrar el manejo de las herramientas también para los que tenemos Windows, supongo que la mayoría aquí
Esto fue un despertar para mi, no tenía idea que funcionaba así
Definitivamente uno de los mejores cursos que he visto por su importancia de inclusión a más personas.
Necesitamos aprender 5 comandos:
- Cómo prenderlo
- Cómo apagarlo
- Cómo navegar hacia adelante
- Cómo navegar hacia atrás
- Detener la voz
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.
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/
- Es el lector de pantalla que viene en las máquinas Mac
- En windows podemos ver el narrador del sistema operativo con
windows + ctrl + enter
Ya sabemos lo que hace falta, ahora… manos a la obra! 😄
En Linux mint es:
Encender:
**alt + super/window + s**
Apagar:
Una pesadilla ;v hay que reiniciar la pc para que **Orca** deje de funcionar XD
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
VoiceOver es el lector de pantalla por defecto de Mac, para activarlo presiona el shortcut Fn + Cmd + F5. Y para navegar a traves de la pagina manten presionado option + control mientras te mueves con las flechas del teclado.
Muy triste mae “Imagen sin etiquetar, Imagen sin etiquetar” :c
profe!! como que no sirven los links que puso
Excelente no sabia esto.
De todos los lectores de pantalla el que mejor funciona es Chrome Vox , JAWS de Microsoft ya no ha recibido actualizaciones desde hace mucho
Al probar VoiceOver en esta misma página, el foco queda atrapado en el campo de Buscar en Platzi (usando Ctrl+Opt+Flechita)… No se puede salir de ahí usando sólo esa combinación…
Perfecto
Instale el ChromeVox Classic Extension y no tiene un botón para apagar 😦 .
Esta es la extensión de ChromeVox que instale : https://chrome.google.com/webstore/detail/chromevox-classic-extensi/kgejglhpjiefppelpmljglcjbhoiplfn
excelente
También sirve seleccionar el texto que deseamos escuchar, click derecho del mouse y tendremos la opción de “voz”…
VoiceOver para Safari, ChromeVox para Chrome
en cada etiquetas es necesario poner el nombre
Alt+Super+S Para Ubuntu 😄
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?