Preventing people from tabbing into elements

Es gibt zwei Möglichkeiten, zu verhindern, dass User bestimmte Elemente mit der Tab Taste erreichen:

• tabindex="-1"
• visibility: hidden

tabindex verwenden wir, wenn wir ein Element nicht tabbar machen wollen.
Für mehrere Elemente ist visibility: hidden die bessere Wahl.

Visibility hidden

Mit visibility: hidden wird das Element komplett versteckt. Wir können es weder sehen noch mit der Tab Taste ansteuern. Darüber hinaus wird es auch für Screenreader versteckt.

Visibility hidden and display none

Sind beide ähnlich, mit dem Unterschied, dass display: none nicht animierbar ist – bzw. war, über einen kleinen Umweg geht das jetzt auch (siehe KP).