tabindex
tiene tres funciones distintas relacionadas con el enfoque del teclado de un elemento. Cuando está en una etiqueta, indica que el elemento se puede enfocar. El valor (un entero que es positivo, negativo o cero) determina el comportamiento. Ciertos elementos, como los enlaces y los controles de formulario, reciben automáticamente el enfoque del teclado cuando un usuario se desplaza por una página. Está en el mismo orden en que los elementos vienen en el código fuente HTML. Esta misma funcionalidad se puede dar a otros elementos, como div
, span
p
, colocando un tabindex="0"
en ellos. Aquí hay un ejemplo: <div tabindex="0">I need keyboard focus!</div>
Nota tabindex
negativo (generalmente -1) indica que un elemento es enfocable, pero no es accesible por el teclado. Este método generalmente se usa para enfocar el contenido mediante programación (como cuando se activa un div
para una ventana emergente), y está más allá del alcance de estos desafíos. tabindex
a la etiqueta p
y establezca su valor en "0". Bonus: el uso de tabindex
también habilita la tabindex
CSS :focus
para trabajar en la etiqueta p
. tabindex
a la etiqueta p
que contiene las instrucciones del formulario.
testString: 'assert($("p").attr("tabindex"), "Your code should add a tabindex
attribute to the p
tag that holds the form instructions.");'
- text: Su código debe establecer el atributo tabindex
en la etiqueta p
a un valor de 0.
testString: 'assert($("p").attr("tabindex") == "0", "Your code should set the tabindex
attribute on the p
tag to a value of 0.");'
```