SourceLine

SourceLine has no keys of its own and nothing in it is focusable: it is read, not operated.

A line reads "Rejseplanen · updated 08:14:05", and a paused one with a doubtful second source "Paused · Rejseplanen · updated 08:14:05 · Vehicle positions · updated 08:09:40, may be out of date". In the app's words: "Rejseplanen · position 08:14:05 · times 08:14:20, may be out of date". A phrase that shows no time, "times from the timetable", or "departures —" while its time is unknown, is the same time part as a <span>: a <time> must carry a date or time, in its dateTime or its text, and a dateTime the phrase doesn't show would tell the ear's tools what the eye isn't told.

The line is no live region: its times change in place without an announcement. The times change every few seconds, which would flood a screen reader, and Accessibility asks that only changes of state be announced, in the screen's own polite live region; a screen that must say a source went out of date or the panel paused says it there.

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: every part is text read in place, the "·" included; paused and out of date are words, not only colours (CR-5, CR-6); nothing is aria-hidden.
• Every landmark and named region has an accessible name: none here; the line is a paragraph, not a landmark or region.
• Every default label can be overridden: sourceUpdatedLabel, sourcePausedLabel, sourceOutOfDateLabel and sourceLabelOutOfDateLabel, the first two phrases with the same {time} placeholder and the last with {label}; and a source's own label overrides "updated {time}" for that source.
• Every shape the type accepts renders, in every variant: sources with one source and with two, each with outOfDate left out, false and true, with paused off and on, a time as HH:MM:SS, as HH:MM and as a date with its dateTime, a source with and without a name, with and without a label, a label with no {time}, with and without a time, a label with {time} and no time, and a name of one long word; every *Label string replaces only its own words. SourceLine takes no ReactNode.
• A hidden copy kept for animation is aria-hidden, and a collapsed region is inert: none here; nothing animates or collapses.
• Native semantics first: a <p> from Text, <span>s, and a <time> per source whose phrase shows a time; no ARIA of the pattern's own.
• Focus moves in reading order and returns on close: nothing takes focus or opens; Tab passes the line by.
• Every target is at least size.target-min square: no target; nothing in the line is pressed.
• Loops stop when the system asks for less motion: none here; nothing moves, and a time changes its text without a transition.

Four keys, each in packages/perron/src/locale/en.ts and the Danish, Swedish and Norwegian dictionaries, which agents write; sourceLabelOutOfDate joined the first three with the source's label. All four are named for the source line, since each is worded for it alone: a status line elsewhere, such as the TopBar's "Updated 08:14:05", needs a sentence-case "Updated" under a key of its own. The two phrases wrap the caller's time, so each is one string with a {time} placeholder, filled by interpolate, and its override takes the same placeholder (the contract's Words): Danish, Swedish and Norwegian put the time where their grammar needs it. Both phrases start in lower case because each sits inside the line, after a "·", as "min" and "to" sit inside theirs; "Paused" starts the line, in sentence case. sourceLabelOutOfDate wraps the caller's label filled with its time, so it starts with {label} and its own words follow in each locale, the same words sourceOutOfDate ends with. The names and labels are the caller's, the times are figures, and the "·" holds no letter, which expectOwnedStrings passes.

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.