WCAG 2.2 AA: ticker links under the 24px target size, and three navigation landmarks with one name

Problem/Motivation

A WCAG 2.2 AA pass over a fresh Drupal CMS install of RightUp (axe-core 4.13 on all 41 anonymous pages, plus keyboard, reflow and target-size probes) found two things in the theme:

• 2.5.8 Target Size (Minimum) — every Live Feed ticker link is 19px tall. Each is its own pointer target, so it needs 24 CSS px.
• 1.3.1 / 2.4.1 — the main menu is placed three times (header, menu panel, footer) and menu--main.html.twig renders each as an unlabelled <nav>. A screen reader lists three identical "navigation" landmarks. axe: landmark-unique on every page.

Skip link, focus visibility on 40 tab stops per page, offcanvas focus handling and Escape, 320px reflow and the audio player controls all pass.

Proposed resolution

• .live-feed-item { min-block-size: 1.5rem }.
• Make the block wrapper the landmark: block--system-menu-block.html.twig renders <nav aria-label="{{ configuration.label }}"> and the navbar inside becomes a <div>. Each placement is then named by its block label; the recipe gives the panel and footer copies their own labels.

Remaining tasks

• ✅ File an issue about this project
• ❌ Addition/Change/Update/Fix to this project
• ❌ Testing to ensure no regression
• ❌ Accessibility and Readability
• ❌ Reviewed by a human
• ❌ Code review by maintainers
• ❌ Release

User interface changes

• None visible; landmark names and target heights only.

API changes

• N/A

Data model changes

• N/A

AI-Generated: Yes