Dropdown HTML

Gleiches Zeichen. Drei verschiedene Verträge.

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

Der Danach-Test

Ziel wechselt

Disclosure-Navigation

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

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

Tab · Enter · Leertaste · Escape

<details> klappt einfache Zusatzinhalte auf. Es ist kein Anwendungsmenü.