IconButton

From the Base UI reference for Button and the installed useButton, as on Button. "From" says who does it.

What axe won't catch, from the contract, each with how this component meets it:

• Everything the eye is told, the ear is told, for every shape each prop accepts: the icon is aria-hidden and label says in words what it shows, as Icons asks of an icon alone; color carries emphasis, not meaning; disabled is announced by the native attribute or aria-disabled.
• Every landmark and named region has an accessible name: none here; a button is neither.
• Every default label can be overridden: none here; IconButton owns no strings, and label is the caller's.
• Every shape the type accepts renders, in every variant: children renders a string, an element and a list alike, centred in the square, in both colours and both sizes, and the icon span clips a string wider than the square so it stays inside; label is a string.
• A hidden copy kept for animation is aria-hidden, and a collapsed region is inert: none here; IconButton keeps no hidden copy and collapses nothing. The VisuallyHidden label is the name, not a copy.
• Native semantics first: a native <button> from Base UI's Button, named by its own text; with render and nativeButton={false}, Base UI's role="button". No ARIA of its own.
• Focus moves in reading order and returns on close: the button is one tab stop in document order, and opens nothing of its own to return from.
• Every target is at least size.target-min square: every IconButton is size.control (34 px) square, in both sizes.
• Loops stop when the system asks for less motion: none here; IconButton has no loop and no transition.

No owned strings: every word comes from the caller, as label.

For a caller using the component, with the reason. Each row is a rule: a must row's Don't is never right, a should row's needs a reason, and Checked by says what catches the Don't in a caller's code.