Estoy probando mi sitio web con el [complemento de lector de pantalla para Chrome] 1 y con la utilidad de voz en off integrada de MacOS . A medida que paso de un elemento interactivo a otro, el lector de pantalla lee la etiqueta o aria-label. Sin embargo, sin poner tabindex="0" en los títulos y otros elementos importantes, como el nombre del producto, la descripción del producto, la información de precios, las exenciones de responsabilidad, las instrucciones, etc., el enfoque nunca se dirige a esos elementos y el lector de pantalla nunca los anuncia.
Quiero poner tabindex="0" en los titulares y en el texto importante, pero he leído que solo debo poner tabindex en los elementos interactivos.
¿Simplemente no estoy usando el lector de pantalla correctamente? ¿Que me estoy perdiendo aqui? Quiero que el usuario pueda obtener una descripción general de toda la información importante en la página. No es suficiente que el usuario simplemente salte entre entradas y botones.
Esto es simplemente falta de familiaridad con un lector de pantalla como dijiste.
No desea agregar tabindex="0" a todo, ya que esto dificultaría la navegación del teclado para aquellos que no usan tecnología de asistencia (demasiadas paradas de enfoque).
Además, todo lo que reciba atención debe ser interactivo/se puede hacer clic, como ya ha leído, ¡así que también confundiría a los usuarios de AT!
esta guía te ayudará a aprender a usar el lector de pantalla NVDA , también hay guías similares para JAWS y Orca.
Hay dos formas básicas en que la mayoría de las personas navegan para comenzar. Las flechas hacia arriba y hacia abajo para ir al siguiente elemento y al elemento anterior, y las teclas numéricas 1-6 para saltar entre encabezados (h1-h6 respectivamente) son suficientes para moverse por la mayoría de las páginas web bien diseñadas.