Dropdown HTML

Gleiches Zeichen. Drei Verträge.

„Dropdown“ beschreibt nur das Aufklappen. Für Formularwerte nutzen Sie <select>, für Website-Links eine Disclosure-Navigation. role="menu" gilt nur für app-artige Menüs mit eigener Tastatur- und Fokuslogik.

Der Zweck-Test

Ziel wechselt

Disclosure-Navigation

<nav> + <button aria-expanded> + <ul><a>

Der Button zeigt normale Links. Tab erreicht sie. Escape schließt das Flyout.

Tab · Enter · Leertaste · Escape

<details> klappt einfache Zusatzinhalte auf. Kein Anwendungsmenü.