autofocus
Das autofocus globale Attribut ist ein Boolean-Attribut, das angibt, dass ein Element beim Laden der Seite oder beim Anzeigen des <dialog>, zu dem es gehört, den Fokus erhalten soll.
<input name="q" autofocus />
Nicht mehr als ein Element im Dokument oder Dialog darf das autofocus-Attribut haben. Wenn es auf mehrere Elemente angewendet wird, erhält das erste den Fokus.
Hinweis:
Das autofocus-Attribut gilt für alle Elemente, nicht nur für Formularelemente. Es kann zum Beispiel auf einem contenteditable Bereich verwendet werden.
Barrierefreiheitsbedenken
Das automatische Fokussieren eines Formularelements kann sehbehinderte Personen, die Bildschirmlesetechnologie verwenden, und Menschen mit kognitiven Beeinträchtigungen verwirren. Wenn autofocus zugewiesen ist, "teleportieren" Bildschirmleser ihre Benutzer zum Formularelement, ohne sie vorher zu warnen.
Berücksichtigen Sie sorgfältig die Barrierefreiheit, wenn Sie das autofocus-Attribut anwenden. Das automatische Fokussieren auf ein Element kann dazu führen, dass die Seite beim Laden scrollt. Der Fokus kann auch dazu führen, dass auf einigen Touch-Geräten dynamische Tastaturen angezeigt werden. Während ein Bildschirmleser das Label des Formularelements mit Fokus ankündigt, wird der Bildschirmleser nichts vor dem Label ansagen, und der sehende Benutzer auf einem kleinen Gerät wird gleichermaßen den Kontext verpassen, der durch den vorhergehenden Inhalt erstellt wird.
Spezifikationen
| Specification |
|---|
| HTML Standard # dom-fe-autofocus |
Browser-Kompatibilität
BCD tables only load in the browser