Simorgh Files

Consolidate lighthouse config (<a href="https://github.com/bbc/simorgh/pull/14558">#14558 produced an id containing spaces. aria-labelledby treats spaces as separators between ids, so the label never resolved and axe-core flagged label-content-name-mismatch.

Whitespace is now replaced with hyphens. Snapshot changes are an Emotion class hash only.

* Keep visible episode text in recent audio episodes link names

Visible words in each episode link ran together in the computed text (e.g. the duration "04:00" and date "30 Yuli" became "04:0030"), so the visible label wasn%27t found in the accessible name and axe-core flagged label-content-name-mismatch (WCAG 2.5.3).

Adds plain spaces after the brand title and between the duration and date. Screen reader output is unchanged.

* Include live label in top bar onward journey link names

The top bar promo link had aria-label set to the title only, so for live items the visible live label (e.g. "EN VIVO") was missing from the accessible name and axe-core flagged label-content-name-mismatch (WCAG 2.5.3).

Removes the aria-label so the link is named by its content, and adds a space between the live label and title.

* Avoid visual shift from recent audio episodes separators

The plain space added between the duration and date rendered, shifting the date and its divider to the right. The space now sits at the start of the date wrapper, which is inline-block so the leading space isn%27t rendered but still separates the words in the accessible name.

Also moves the space after the title to follow the visually hidden comma, so the text reads "title, description" rather than "title , description".

* Snapshot updates

* Separate live label from following text in accessible names

LiveText renders the visible live label, a visually hidden separator, then its children. With the separator hidden, the visible label ran straight into the headline (e.g. "ПРЯМОЙ ЭФИРВойна"), so links named via aria-labelledby, such as live Top Stories on STY pages, failed axe-core%27s label-content-name-mismatch rule (WCAG 2.5.3).

Adds a trailing space to the label text. The label is inline-block, so the space isn%27t rendered.

* Remove rendered space after top bar live label

The live label now includes its own non-rendered trailing space, so the explicit space added after it in the top bar promo is no longer needed and only widened the visible gap.

* Restore recent audio episode date wrapping

Making the date wrapper inline-block stopped the date breaking across lines, so on narrow widths it dropped onto a new line in full.

The date wrapper is inline again. The non-rendered separating space now trails the visible duration, which is inline-block instead. The duration always starts its own line, so this doesn%27t affect wrapping.