Powered By
Web
A11Y
HTML4 vs HTML5
FORMS AND TABLES
JAVASCRIPT
Agenda
HTML4 vs HTML5
*Screen Reader
Es la tecnología que utiliza el usuario final.
Solo ¼ de las WCAG se pueden testear automáticamente
Componentes personalizados con JS y ARIA lo necesitan
Cada SR responde diferente a A11Y API
7 barreras comunes
→ Lectores de pantalla:
→ Emulador de lectores:
Herramientas Automáticas
01
→ Reporte:
→ Reporte:
→ Reporte:
Testeo manual
‣ Navegación por teclado.
‣ Si se pueden hacer test a usuarios reales ¡MEJOR!
Testear en Windows
7 barreras comunes
NVDA
02
Non Visual Desktop Access
NVDA
NonVisual Desktop Access (NVDA) es un lector de pantalla gratuito y de código abierto para el sistema operativo Microsoft Windows. Al proporcionar retroalimentación a través del habla sintética y el Braille, permite a las personas ciegas o con problemas de visión acceder a las computadoras que ejecutan Windows sin más costo que una persona vidente.
How free screen reader NVDA changes lives
Verde linea punteada
Azul linea punteada
Rojo solido
muestra que NVDA está en modo exploración, y este es el objeto del navegador.
indica que NVDA está en modo de enfoque, es decir, los tipos de teclas se pasan al control.
muestra que NVDA está en modo de exploración, y este es el objeto / control enfocado. Cuando es grueso muestra objeto enfocado.
Atajos más usados
Testear en Mac
VoiceOver
03
Configuraciones Previas
Cuando VoiceOver está activado, puede ingresar los comandos de VoiceOver utilizando las teclas Fn y numéricas con el modificador VoiceOver, como alternativa al uso de las teclas de función (F1 a F12). Por ejemplo, para abrir la Utilidad VoiceOver, puede presionar Control-Opción-Fn-8 (en lugar de Control-Opción-F8).
Si usa las teclas de función (F1 a F12), es posible que deba presionar y mantener presionada la tecla Fn, dependiendo de cómo configure el comportamiento de las teclas de función en las preferencias del teclado.