tabindex
HTML possui três funções distintas relacionadas ao foco do teclado de um elemento. Quando está em uma tag, indica que o elemento pode ser focado. O valor (um inteiro que é positivo, negativo ou zero) determina o comportamento. Determinados elementos, como links e controles de formulário, recebem automaticamente o foco do teclado quando um usuário é direcionado por uma página. Está na mesma ordem em que os elementos vêm na marcação de fonte HTML. Essa mesma funcionalidade pode ser fornecida a outros elementos, como div
, span
e p
, colocando-se um tabindex="0"
neles. Aqui está um exemplo: <div tabindex="0">I need keyboard focus!</div>
Observação tabindex
negativo (tipicamente -1) indica que um elemento é focalizável, mas não é alcançável pelo teclado. Esse método geralmente é usado para trazer o foco ao conteúdo de forma programática (como quando um div
usado para uma janela pop-up é ativado) e está além do escopo desses desafios. tabindex
à tag p
e defina seu valor como "0". Bônus - usando tabindex
também ativa a pseudo-classe CSS :focus
para trabalhar na tag p
. tabindex
à tag p
que contém as instruções do formulário.
testString: 'assert($("p").attr("tabindex"), "Your code should add a tabindex
attribute to the p
tag that holds the form instructions.");'
- text: Seu código deve definir o atributo tabindex
na tag p
para um 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.");'
```