Herramientas e información para hacer que tu sitio web sea accesible y cumpla con WCAG:
http://OnlineADA.comDesbloquea las guías de WCAG para el cumplimiento de nivel AA, obtén capacitación en desarrollo web accesible y formación adicional en la Academia de Accesibilidad:
https://onlineada.com/academy/Online ADA
Avanzando en Accesibilidad Digital
Transcripción a continuación:
Hola a todos. Josh aquí con Online ADA.
En este video cubrimos el artículo 2.1.1,
que es 'Teclado'.
Este es un requisito de nivel A y va a cubrir
cómo hacer que tu sitio web sea accesible con el uso
del teclado.
Vamos a entrar en materia.
Toda la funcionalidad del contenido es operable
a través de una interfaz de teclado sin requerir
tempos específicos para pulsaciones individuales,
excepto donde la función subyacente requiere
una entrada que dependa del camino
de movimiento del usuario y no solo de los puntos finales.
Tocaré eso en un momento.
Hay dos excepciones a esto, o dos
notas al respecto. Así que léelas también.
Nota uno, 'Esta excepción se relaciona con la función
subyacente, no con la técnica de entrada,
por ejemplo, usar escritura a mano para ingresar texto. La
técnica de entrada,
escritura a mano,
requiere entrada dependiente del camino,
pero la función subyacente de entrada de texto no'.
Y nota dos,
'Esto no está prohibido y no debería desincentivar
proporcionar entrada de ratón u otros métodos de entrada en
adición a la operación del teclado'.
Así que lo primero que quiero tocar es esa frase,
'excepto donde la función subyacente requiere
una entrada que dependa del camino del movimiento del usuario
y no solo de los puntos finales'.
Se establece específicamente en el artículo de WCAG
que esto se incluye específicamente para separar
aquellas cosas que no pueden ser razonablemente controladas
por un teclado.
Por ejemplo, como una tableta de bambú. Poder
dibujar en un programa usando
un dispositivo de lápiz y una tableta.
No podrías recrear razonablemente esas funciones
solo con un teclado.
Así que por eso existe esa frase en particular y
eso es lo que significa, es solo separar
esas diferencias obvias que no pueden ser
duplicadas.
Además, quiero tocar el hecho de que esto
ayuda a muchos tipos diferentes de
discapacidades.
Personas que son ciegas y no pueden usar dispositivos
como ratones que requieren coordinación mano-ojo.
Personas con baja visión pueden tener problemas para encontrar
o seguir un indicador de puntero en una pantalla.
Y algunas personas con temblores en las manos encuentran muy
difícil usar un ratón, especialmente cuando
el ratón tiene
una sensibilidad tan alta o algo así. Si ellos
quizás no pueden controlar esa sensibilidad.
Es una buena idea proporcionar múltiples formas de
operar tu sitio o tu aplicación.
Hay muchos ejemplos de cómo esto puede ser
utilizado. Tienen muchos de ellos aquí en la
documentación de WCAG. Leeré un par de
esos.
Pero es importante entender, en cierto modo, el
uso básico de este artículo y eso es
siempre que tengas un botón
en tu sitio, digamos un envío de formulario o incluso solo
un enlace.
Si puedes
hacer clic en él para operarlo, también deberías poder
navegar hasta él y luego presionar enter
para operar, también.
Es solo que siempre que tengas un evento de clic en
tu JavaScript,
haz un evento 'on focus'
y un evento 'on enter' también.
Hay muchos
roles de Aria.
Aria son las Aplicaciones Ricas de Internet
Accesibles.
¿Lo dije bien?
Hay muchos roles de Aria
que se pueden aplicar a varias cosas, como
tabs o acordeones
en tu sitio web
y esas cosas
son obligatorias. Tienes que tener enfoque de teclado
y control de esos elementos.
Eso es solo parte de lo que se implica al usar
esos roles.
Así que si estás etiquetando cosas y creando esas
asociaciones, volviendo a 1.3.1,
correctamente
entonces también estás incluyendo esos controles de teclado. Así que un par de ejemplos que ellos
proporcionaron aquí
son algo como un diagrama de dibujo.
Un programa de dibujo permite a los usuarios crear tamaño,
posición y rotar objetos desde el teclado.
Una función de arrastrar y soltar.
Una aplicación que usa arrastrar y soltar con el
ratón
también soporta cortar y pegar o controles de formulario a
objetos.
Y luego el último que leeré aquí es, 'Mover
entre y conectar puntos discretos'.
El programa de conectar los puntos permite al usuario
moverse entre puntos en una pantalla y usar la
barra espaciadora para conectar el punto actual al
anterior.
Esos son algunos ejemplos de cómo podemos implementar
el uso del teclado
en áreas que están típicamente diseñadas para el uso del ratón.
Es un tipo de cosa fuera de lo común en algunos de estos,
pero,
donde hay voluntad hay un camino. Tenemos que asegurarnos
de que estamos haciendo todo lo accesible posible y solo tener eso en mente cuando estés
construyendo y diseñando estas interfaces, ¿de acuerdo?
Gracias por acompañarme y nos vemos en el
próximo video.