telexed ~ c / 255e36b7-984radar:40 · otherLIVE
← back
NO.
#255e36b7
Topic
OTHER
Source
GeekNews
Published
2026-05-17 10:42:09
Importance
★ 4/10 — radar 40
Choose `HTML` Lists by Semantics, Not Appearance
FIG-2551:1

Choose `HTML` Lists by Semantics, Not Appearance

List elements are interaction contracts, not styling shortcuts. Picking select, datalist, ordered, descriptive, or menu markup correctly cuts accessibility debt early.

[ KEY POINTS ]
  1. Fixed choices belong in select/option; suggested free input belongs in datalist. Similar UI, different interaction model.
  2. Ordered, unordered, description, menu, and control lists express different user intent. CSS should change visuals, not semantics.
  3. Small markup decisions affect keyboard behavior, screen readers, and form UX. Cheap to fix during build, annoying after launch.
Originalnews.hada.io/topic?id=29588Read original →

// related