Kiedy jest „złe” umieszczenie tabindex = 0 na treści nieinteraktywnych?

„Kiedy jest„ złe ”, aby umieścić tabindex = 0 na treści nieinteraktywnych?„Odpowiedź: Zawsze. Jest to również odnoszące się do dokumentacji MDN. Nie dlatego, że nie zgadzam się z tobą: elementy interaktywne nie powinny być koncentrowane.

1. Czy TabIndex będzie zadeklarowany tylko w elemencie interaktywnym?
2. Jaki jest przykład korzystania z atrybutu tabindex, może powodować problemy?
3. Jaka jest różnica między tabindex 0 a tabindex =- 1?

Czy TabIndex będzie zadeklarowany tylko w elemencie interaktywnym?

Nie musisz deklarować tabindex na elemencie dziecięcym, pod warunkiem, że jego element nadrzędny jest elementem interaktywnym. Przykładem tego byłby element rozpiętości zagnieżdżony w przycisku: obecność atrybutu tabindex w tym przykładzie kodu wpłynęłaby na kolejność elementów interaktywnych w sposób nielogiczny.

Jaki jest przykład korzystania z atrybutu tabindex, może powodować problemy?

Obawy dotyczące dostępności

Unikaj używania atrybutu TabIndex w połączeniu z treścią nieinteraktywną, aby coś zamierzało być interaktywne przez wejście klawiatury. Przykładem tego byłoby użycie <div> element opisujący przycisk, zamiast <przycisk> element.

Jaka jest różnica między tabindex 0 a tabindex =- 1?

tabindex = "0" pozwala na elementy oprócz linków i elementów formularzy, aby odbierać skupienie klawiatury. Nie zmienia kolejności zakładki, ale umieszcza element w logicznym przepływie nawigacji, tak jakby był to link na stronie. tabindex = "-1" usuwa element z sekwencji nawigacji, ale można go skupić za pomocą JavaScript.