Estoy tratando de configurar el tabindex en las flechas asociadas con un control deslizante como este , pero las flechas se omiten cuando se usa la pestaña para pasar de un elemento en la página web al siguiente. Intenté esto...
<a class="prev" onclick="plusSlides(-1).tabIndex = '3'">❮</a> <a class="next" onclick="plusSlides(1).tabIndex = '4'">❯</a>
... sin éxito. ¿Quizás la propiedad tabIndex requiere que todos los elementos estén etiquetados con tabIndex para que funcione? NO SÉ.
Cualquier pensamiento/comentario sobre cómo implementar esto es bienvenido.
<a class="prev" onclick="plusSlides(-1,3)">❮</a> <a class="next" onclick="plusSlides(1,4)">❯</a> function plusSlides(n,index) { showSlides(index += n); } function currentSlide(n,index) { showSlides(index = n); }
enviar índice en función lateral
Encontré una respuesta aquí . Las flechas del control deslizante se pueden atravesar con la tecla de tabulación del teclado cuando el índice de tabulación se establece de la siguiente manera:
<a class="prev" id="previd" tabindex="0" onclick="plusSlides(-1)">❮</a> <a class="next" id="nextid" tabindex="0" onclick="plusSlides(1)">❯</a>