Color Area

The saturation/lightness square of a color picker: a 2-D pad where a single pointer position sets two values at once — horizontal maps to saturation, vertical to lightness. The two axes are exposed as role="slider" controls with aria-valuenow, each operable with the arrow keys; dragging the pad moves both.