Stop Using “Dropdown”

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Adrian Roselli merkt an, dass es tatsächlich bedeuten könnte:

  • Ein <select>-Menü
  • Eine ARIA Listbox, Combobox, Menu oder Disclosure Widget
  • Eine Eingabe mit einem <datalist>
  • Eine Eingabe mit autocomplete
  • Ein <details><summary>-Block
  • Ein Akkordeon
  • Flyout-Navigation

In meiner eigenen Verwendung neige ich dazu, "Ein UI-Muster, bei dem Sie auf ein kleines Ding klicken/tippen und sich ein großes Ding öffnet" zu meinen. Eine Situation mit aria-expanded, wie zum Beispiel der Benutzeravatar auf CodePen, auf den Sie klicken, um benutzerspezifische Aktionen und Navigationen zu erweitern. "Menü" fühlt sich für mich richtig an, obwohl ich nicht sicher bin, ob das eine große Verbesserung darstellt.

Ich verstehe den Punkt. Dropdown bedeutet eigentlich nichts und diese Mehrdeutigkeit kann die Konversation und das Verständnis beeinträchtigen.

Direkter Link →