Ratgeber: Einen Seitenbereich mit inert gezielt aus der Bedienung nehmen

Sichtbar heißt nicht bedienbar

Ein mehrstufiger Assistent zeigt manchmal bereits den nächsten Bereich, obwohl dort noch nichts ausgewählt werden soll. Einfach nur graue Schrift zu verwenden, ändert die Bedienbarkeit nicht zuverlässig. Das HTML-Attribut inert bietet einen technischen Baustein, um einen Bereich einschließlich seiner untergeordneten Elemente aus der Interaktion zu nehmen. MDN beschreibt unter anderem den Ausschluss aus Tastaturreihenfolge und Barrierefreiheitsbaum. Dieser Text ordnet bestehendes Verhalten anhand der am 9. Oktober 2026 gelesenen Originaldokumentation ein. Er ist keine Ankündigung einer neuen Funktion und kein vollständiger Zugänglichkeitsnachweis.

Einen begrenzten Anwendungsfall wählen

Stelle dir einen eigenen Assistenten zur Auswahl einer Kursgruppe vor. Solange kein Kurs gewählt wurde, soll die nachfolgende Terminauswahl noch nicht bedient werden. Beschreibe zuerst die gewünschte Reihenfolge in einfachen Worten. Platziere außerhalb des inaktiven Bereichs einen Hinweis, welcher Schritt fehlt. Denn Informationen innerhalb eines inert gesetzten Abschnitts werden auch für assistive Technik ausgeblendet. Eine Erklärung, die nur dort steht, erreicht somit gerade nicht alle Personen. Die Markierung darf außerdem nicht versehentlich die Schaltfläche erfassen, mit der der Bereich aktiviert werden soll.

Den sichtbaren Zustand mitplanen

MDN weist darauf hin, dass inert von sich aus keine eindeutige optische Kennzeichnung mitliefert. Entscheide deshalb, ob der inaktive Abschnitt verborgen, reduziert dargestellt oder durch einen erklärenden Hinweis ersetzt wird. Für unsere Übung soll der Schrittname sichtbar bleiben, die eigentliche Auswahl aber erst nach Kurswahl erscheinen. Das ist eine Gestaltungsentscheidung des Beispiels. Ein deaktivierter Bereich stellt außerdem keine Berechtigungsprüfung auf dem Server dar. Wenn bestimmte Termine nur für angemeldete Personen zulässig sind, muss die spätere Anwendung diese Regel unabhängig von der Browserdarstellung kontrollieren.

Aktivieren und Zurückgehen prüfen

Plane drei Durchläufe: Start ohne Kurs, Auswahl eines Kurses und anschließender Wechsel zurück. Beobachte jeweils, welche Elemente mit der Tabulatortaste erreichbar sind. Nach dem Zurückgehen dürfen alte Terminangaben nicht unbemerkt als gültige Auswahl bestehen bleiben. Überprüfe auch starke Vergrößerung: Der erklärende Hinweis soll beim betreffenden Schritt auffindbar sein. Für die Abnahme hältst du fest, wo der Fokus nach jeder bewussten Aktion landet. Damit wird aus einem einzelnen Attribut ein verständlicher Ablauf, dessen Grenzen und Rückwege tatsächlich geprüft werden können.