Vale, he entendido el funcionamiento de <strong>tabindex</strong>. Pero pensándolo bien, si hacemos uso de él, ¿no estaríamos haciendo má...

Gabriel Ortiz

Gabriel Ortiz

Pregunta
studenthace 4 años

Vale, he entendido el funcionamiento de tabindex. Pero pensándolo bien, si hacemos uso de él, ¿no estaríamos haciendo más complicada la navegación para los usuarios que utilizan un lector de pantallas?

.

Me explico:

.

Juliana nos recuerda que debemos intentar replicar la misma UX para todos nuestros usuarios, tanto si usan un **mouse **o un **lector de pantallas. **

.

En el caso del usuario promedio que utiliza un mouse, al momento de llegar al carrusel, tendrá que hacer clic en los botones para visualizar las demás imágenes dentro de este.

.

Si queremos replicar esa misma experiencia, el tener que hacer clic en los botones para deslizar el carrusel, para alguien que utiliza un lector de pantallas, ¿no sería mucho mejor que el carrusel mostrara las imágenes a medida que vas haciendo tab? como ya lo hace por defecto si no le agregamos el tabindex. Porque, creo que, al obligar al usuario de lector, a tener que hacer tab en los botones de forward y backward para mover el carrusel, sólo estamos estropeando su UX.

.

¿Qué piensan ustedes?

.

Yo le veo más utilidad al tab index, en un carrusel mucho más grande, donde, efectivamente no queremos que el usuario tenga que visualizar todas las imágenes. Pero en este caso, al ser sólo 5 imágenes lo considero innecesario.

3 respuestas
para escribir tu comentario
    Carlos S. Aldazosa

    Carlos S. Aldazosa

    studenthace 3 años

    Imaginate que el carrusel tiene 100 elementos, ahora imaginate lo tedioso que seria tener que pasar uno a uno los 100 para poder llegar a la siguiente sección de la página, eso seria un mal UX. Por ese motivo la experiencia tiene que ser igual para todo tipo de usuarios, por que al crear nuestras páginas, pensamos en hacerlas lo más sencillo de navegar y que sean intuitivas y todos los usuarios merecen esta experiencia en la que pensamos.

    Adrián Benavente

    Adrián Benavente

    studenthace 4 años

    La idea es respetar los patrones de navegación del usuario. Forzar al usuario a usar tu sitio de una forma que no le es natural no es lo más recomendable. El usuario debería poder usar tu sitio de la forma en que SU herramienta funciona nativamente, esto significa que los botones accionan cosas, y eso es lo que espera el usuario, ya sabe que así es como funcionan los carruseles.

    Imagina que a ti como usuario vidente te ponen un carrusel que se mueve presionando un botón que está en el footer. Bueno, ya te puedes dar una idea, de a donde quiero llegar. 😃

    Cristian Blandón

    Cristian Blandón

    studenthace 4 años

    Hola Gabriel :)
    Pienso que, como Juliana lo indica, la idea es acercar la experiencia de un usuario que usa teclado a la del usuario que usa mouse.
    Aunque entiendo completamente lo que indicas, pensaría que la navegación por el carousel a través del

    tab
    (llamémosle de forma "automática" y sin usar los botones) sería acertada si es que la navegación de un usuario del común que usa mouse, también se hace "automática", por ejemplo, al ubicar el mouse al extremo derecho (o izquierdo) del contenedor de las tarjetas.
    En mi opinión, agregar botones ya hace que la persona piense que tendrá que usarlos, y si hacemos que la navegación por el carousel sea "automática" (únicamente a través del
    tab
    ), se podría generar un efecto negativo sobre la persona que está usando el teclado y que no pudo hacer uso de dichos botones (porque su funcionalidad fue "automatizada").
    En conclusión, me parece adecuado que tanto los usuarios de mouse como los usuarios de teclado, usen los botones para lo que fueron dispuestos.
    P.D.: para no llenar tus aportes o preguntas de puntos(
    .
    ) que simulen los saltos de línea, puedes usar backslash en cada línea que quieras dejar en blanco (
    \
    ).

Curso de Accesibilidad Web

Curso de Accesibilidad Web

Construye un portafolio personal accesible usando HTML, CSS y JavaScript. Aprende a aplicar las normas WCAG, realizar pruebas de accesibilidad y usar roles ARIA. Mejora la experiencia de todos los usuarios web.

Curso de Accesibilidad Web
Curso de Accesibilidad Web

Curso de Accesibilidad Web

Construye un portafolio personal accesible usando HTML, CSS y JavaScript. Aprende a aplicar las normas WCAG, realizar pruebas de accesibilidad y usar roles ARIA. Mejora la experiencia de todos los usuarios web.