KioskBar

KioskBar has no keys of its own and nothing in it is focusable: a kiosk is read, not operated. Tab passes the bar by.

The root is a plain div, not a landmark or named region, so KioskBar owns no string of its own: a pattern can't swap its element without render, a landmark's name would be a new owned string in four locales for a display no one browses, and the screen that shows kiosk mode wraps the bar in the landmark its page needs, as DetailHeader leaves the region to DetailPanel.

The clock is not a live region and the figures are not either: the time turns every minute and the figures update often, which would flood a screen reader, and Accessibility asks that only changes of state be announced, in the screen's own polite live region.

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 brand is heard as "Mylder" in both of Brand's variants, full in the Default story and mark in Narrow; each figure is heard after its label, and an unknown one as "Unknown" in place of the hidden "—", both from Stat; the clock is its own text. No colour carries meaning.
• Every landmark and named region has an accessible name: none here; the root is not a landmark, and the screen that wraps it in one names it.
• Every default label can be overridden: brandNameLabel for the brand name and unknownLabel for every unknown figure.
• Every shape the type accepts renders, in every variant: each entry's label and figure render a string, a number, an element and a list alike, as Stat's do; stats left out, empty and with one to four entries; slotProps.brand with variant='mark'. KioskBar.test.tsx renders each shape of label and figure, stats left out and empty, and one to four entries.
• A hidden copy kept for animation is aria-hidden, and a collapsed region is inert: none here; nothing animates or collapses. Brand's mark and Stat's "—" are hidden because words beside them say them, not for animation.
• Native semantics first: a ul of li for the figures, a time element for the clock, plain div and span for the rest, and no ARIA of the pattern's own.
• Focus moves in reading order and returns on close: nothing takes focus or opens; the DOM order, brand, figures, clock, is the order on screen.
• Every target is at least size.target-min square: no target; nothing in the bar is pressed.
• Loops stop when the system asks for less motion: none here; nothing moves, and the clock changes its text without a transition.

KioskBar owns no new string: every word comes from the caller, through time and stats, or from the components it composes, whose keys it reuses from packages/perron/src/locale/en.ts.

For a caller using the pattern, 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.