Horizontal and vertical sliders

GUI95

Widget index / Feedback and layout · Download this HTML

Ready — try the example.

States and behavior

Horizontal/vertical, value, bounds, focus and disabled.

Keyboard

Native arrows change a step; Home/End reach bounds. The vertical slider uses Up to increase.

Scope and adaptation

CSS writing-mode is a modern browser adaptation; verify orientation and keys in each browser you support.

Sources

Microsoft preliminary guide (1995), chapters 7–8 · Modern browser accessibility pattern

Original implementation; system colors are represented by CSS variables. The default 13 px system-font stack is a readable browser adaptation. The 1995 source is preliminary, not a final product specification. Test the target browser and native host before shipping.