<bmx-chip>
A small labelled thing.
Three forms, three genuinely different elements. A static chip is a
<span> and takes no focus,
because a focus stop that does nothing when pressed reads as a broken control. A selectable one is a real
<button> carrying aria-pressed, so it announces its state and answers to Space
without a line of key handling. And the cross is a button named “Remove Amara Okonkwo”, not
“close” and not the glyph — a cross that is not a button is the commonest defect in this
pattern.
One tab stop per chip. When the body is focusable the cross is reached with Delete or Backspace, which is what a
keyboard user already does in every recipient field they have used; two stops per chip would turn a row of eight
recipients into sixteen Tab presses.
bmxRemove is a request — the chip does not take
itself out of the document, because the list belongs to you — and it is cancelable.
Every property, event and method: https://docs.binarymission.co.uk/webcomponents/bmx/bmx-chip.html