<bmx-skeleton>
The grey shapes that hold a layout together while its content is on its way.
Only the avatar carries a
label, and that is the rule: one announcement per region, on the outermost or
the first, and none on the rest. The whole graphic is aria-hidden, so a card with twelve of these in it
is silent instead of reading out twelve grey rectangles — but something has to say the content is coming, or a
page that is loading is indistinguishable from a page that is empty.
Shimmer, pulse and still. Under
prefers-reduced-motion all three are the still one, and nothing is lost
by that — a skeleton says what it says through its shape, and a shape survives being motionless. That
is where it differs from an indeterminate <bmx-progress>, which cannot stop moving without
looking like a page that has hung.
Every property, event and method: https://docs.binarymission.co.uk/webcomponents/bmx/bmx-skeleton.html