<bmx-badge>
A count or a state, attached to something else.
The bubble on the left draws 99+; a screen reader is told “Inbox, 127 unread
messages”.
99+ is a truncation the layout asked for, and nobody listening to the page has
that constraint — so the drawn text and the announced text are two different strings.
show-zero is there for the scoreboard case.
To badge a control, use
for rather than wrapping it. A description has to attach to
the element that takes focus, not to a box drawn round it — so a badge that encloses a button cannot describe
it. The slot is for a picture: an avatar, an icon, anything the user cannot focus. Put a focusable control in it and
the component says so once in the console.
Every property, event and method: https://docs.binarymission.co.uk/webcomponents/bmx/bmx-badge.html