inert

Das inert Globale Attribut ist ein boolesches Attribut, das anzeigt, dass der Browser das Element ignoriert. Mit dem inert-Attribut werden alle flachen Baum-Nachkommen des Elements (wie modale <dialog>e), die sonst keine Inertheit entkommen, ignoriert. Das inert-Attribut sorgt auch dafür, dass der Browser Eingabeereignisse, die von der Benutzerin gesendet werden, ignoriert, einschließlich Fokus-bezogener Ereignisse und Ereignisse von unterstützenden Technologien.

Konkret bewirkt inert Folgendes:

• Verhindert, dass das click-Ereignis ausgelöst wird, wenn die Benutzerin auf das Element klickt.
• Verhindert, dass das focus-Ereignis ausgelöst wird, indem es dem Element verwehrt wird, den Fokus zu erhalten.
• Verhindert, dass irgendwelche Inhalte des Elements während der Nutzung der Suchen-in-Seite-Funktion des Browsers gefunden/übereingestimmt werden.
• Verhindert, dass Benutzerinnen Text innerhalb des Elements auswählen können – ähnlich der Verwendung der CSS-Eigenschaft user-select, um die Textauswahl zu deaktivieren.
• Verhindert, dass Benutzerinnen bearbeitbare Inhalte des Elements bearbeiten können.
• Verbirgt das Element und dessen Inhalt vor unterstützenden Technologien, indem es sie vom Barrierefreiheitsbaum ausschließt.

<div inert>
  <!-- content -->
</div>

Das inert-Attribut kann zu Inhaltsbereichen hinzugefügt werden, die nicht interaktiv sein sollen. Wenn ein Element inert ist, werden es und alle seine Nachkommen, einschließlich normalerweise interaktiver Elemente wie Links, Schaltflächen und Formularsteuerelemente, deaktiviert, da sie keinen Fokus erhalten oder angeklickt werden können.

Das inert-Attribut kann auch zu Elementen hinzugefügt werden, die außerhalb des Sichtbereichs oder verborgen sein sollen. Ein inertes Element zusammen mit seinen Nachkommen wird aus der Tabulatorreihenfolge und dem Barrierefreiheitsbaum entfernt.