Pruebas manuales con tu teclado

El teclado es muy importante en la accesibilidad web porque las tecnologías asistivas tienden a conectarse con el teclado para darle a sus usuarios diferentes maneras de navegar cuando no tienen acceso a un mouse o un teclado como nosotros.

Los elementos que reciben foco de teclado son elementos interacctivos:

• Enlaces: nos llevan a otra página, son para la navegación.
• Botones: nos ayudan a interactuar con la página de alguna manera.
• Formularios: requieren nuestra interacción para llenar nuestros datos.

Los div no reciben foco porque son un elemento presentacional, no esperan ninguna interacción a menos de que tú lo programes.

OOOH con shift+tab se vuelve, no sabía, yo daba toda la vuelta a la página con tab si me pasaba

Vaya!! Me encanta más el curso porque, me demuestra lo ognorante que soy en éste tema.

Lo más impresionante fue: Con la tecla “Tab” avanzamos y con la combinación “Shift + Tab” retrocedemos.
No sabía cómo retroceder jajajaj

En donde trabajo tienen este concepto muy sostenido, ya que trabajamos para sistemas contables, hemos visto que los contadores casi no usan el mouse en los formularios para moverse entre los inputs, siempre utilizan el tab, ayudandolos a agiliazar sus registros.

Asi que nos piden que asignemos el tabindex manualmente para que pueda seguir una secuencia y el sistema no realize un salto no esperado de tabs que confunda al usuario.

De lejos este es el curso que más me ha tocado, tener la posibilidad de reproducir las discapacidades visuales de alguien más a través de estas herramientas me hace dar cuenta de lo difícil que puede ser para ciertas personas el acceder a servicios que usamos a diario.

La accesibilidad del teclado es uno de los aspectos más importantes de la accesibilidad web. Muchos usuarios con discapacidades motrices dependen de un teclado. Algunos tienen temblores que no permiten un control muscular fino. Otros tienen poco o ningún uso de las manos, o no tienen manos en absoluto. Además de los teclados tradicionales, algunos usuarios pueden utilizar teclados modificados u otro hardware que imita la funcionalidad de un teclado. Los usuarios ciegos también suelen utilizar un teclado para navegar. Los usuarios sin discapacidades pueden utilizar un teclado para la navegación por preferencia o eficiencia.

.

• https://webaim.org/techniques/keyboard/

.

Muy bonita clase, me ha ayudado a entender mejor lo necesario de la accesibilidad.

yo les llamo elementos focuseables (focusables in english)…una forma de permitir a un elemento no focuseable que pueda recibir el foco es agregándole un tabindex=0… esto se hace mucho para cuando uno quiere que se le pueda seleccionar usando un screen reader y que se lea…

Todos estos problemas se solucionan con un buen HTML semántico.

Las etiquetas Input y a si cuentan con focus del teclado.

Ahora veo mucho la importancia de accesibilidad. Muy buen curso hasta el momento.

El teclado es una herramienta útil para manejar las tecnologías asistivas y así permitir el desplazamiento por la pantalla para personas con discapacidades visuales o para personas que no cuentan con un mouse.
.
Es importante destacar que no todos los elementos de un sitio web pueden recibir foco con el teclado, sólo aquellos que son interactivos (formularios, links, botones, chatboxes, etc.) son los únicos que sí pueden ser manipulados por medio del teclado. Generalmente las fotos, imágenes y textos no reciben foco, a menos que sean interactivos, es decir, que lleven al usuario a otra parte del sitio o generen una acción.
.
En el tecado asistivo, nos movemos hacia adelante con la tecla Tab y hacia atrás con la tecla Shift.

Y no solo hablando en terminos de accesibilidad resulta importante pensar en que toda la web sea manejable con el teclado, sino que también hablando en terminos de usabilidad para los usuarios que no tienen discapacidades puesto que es mucho fácil y agil usar solo el teclado para navegar que hacerlo en combinación con el mouse. Tal vez no aplique para todos las paginas y / o secciones, pero lo mejor es que las paginas puedan ser 100% manejadas solo con el teclado.
.
Ahora me pregunto ¿Lo unico que se puede hacer con el teclado es usar el tab y shit tab? ¿O hay otras combinaciones para navegar a través de la pagina? Sé que con Ctrl + Tab se cambia de pestaña. Pero, escribiendo este comentario me doy cuenta… ¿Cómo puedo enviarlo usando solo el teclado?
.
Si pulso tab, me genera un espacio y no me hace foco en el boton de enviar

Aprendi algo mas pa que sirve el tab y su componentes con resultados buenisimo gracias Juliana en todo los curso que he ingresado siempre hay algo que aprender

Ya quiero aprender como poder hacer focus en divs y cosas como esas. Eso estaría realmente cool

-👌

Esta demasiado bueno e importante conocer sobre accesibilidad

Solamente los hipervínculos y elementos de formularios permiten hacerle focus?

Por defecto las siguientes etiquetas tienen focus del navegador.

<a>
<Link>
<button>
<select>
<textarea>
<input>
<iframe>

• El teclado es muy importante para la accesibilidad web
• Las tecnologías asistivas tienden conectarse con el teclado para darle a los usuarios diferentes maneras de navegar
• Foco de teclado → no todos los elementos de la página reciben un foco. Los elementos que reciben foco del teclado son interactivos, cómo qué son enlaces, botones, elementos de formularios
  • Tipo de pruebas que podemos hacer con el teclado teniendo en cuenta cuales son los elementos que se enfocan con el teclado → elementos interactivos

Ojala esto se convierta en un standart en toda la industria ❤️

Input si reciben foco del teclado