Only card and bento-cell can make a whole region a link, each through its own href. Both stretched overlays are aria-hidden="true" tabindex="-1", so keyboard and screen-reader users cannot reach them. SPEC-160 D8 extends the existing link tag to wrap blocks, and both href attributes become shorthand that renders through it.
33a5709a554ab9a0cdd51fa4981fabc833f{% link %} accepts block content and renders a real <a> around it when it holds no links, buttons or form controls{% ref %}) are seen; a test asserts that a link around content that gains an auto-link in postProcess renders the stretched form, with no nested <a>href, with no data-rune), and the marker never reaches the rendered HTMLlink renders a stretched <a data-name="link">, focusable and labelled by aria-label when given, else by the content's title slot (aria-labelledby). When the content is a single rune, the anchor goes inside that rune's root; when it is several blocks or plain prose, the engine wraps them in one positioned <div> that holds the anchor. Both cases are testedlink emits no data-rune, and a test asserts that a schema property inside a link still publisheshref renders the content unchangedcard's and bento-cell's href render through link and are not deprecated. The shorthand always takes the stretched form, so the rune's root stays the grid item and its > child selectors keep matching (bento-cell's grid-column / grid-row span and > .rf-bento-cell__content split rules would break under an outer or inner wrapping <a>).rf-card__link and .rf-bento-cell__link in their rune CSS) and, for the wrap form, a reset so a wrapped block does not inherit link colour and underline. Lumina's .rf-card:has(.rf-card__link):hover still matches, or is moved to the shared selectorpackages/runes/src/tags/card.ts and plugins/marketing/src/tags/bento.ts, and positioned by packages/skeleton/styles/runes/card.css and bento.css.postProcess. This is a new kind of engine pass, over an element that is not a rune, which is why the item is rated complex.Completed: 2026-10-26
Branch: claude/v0-43-0-review-ny4nl1
packages/runes/src/nodes.ts: linkTag, now the link entry of the tags map.link node (a plain <a>).<div data-link-href> marker (data-link-label from aria-label). It has no data-rune.href returns the children.packages/transform/src/link-regions.ts (new): resolveLinkRegions. engine.ts runs it last in createTransform, with the set of runes configured interactive.<a data-link="wrap">.<a data-link="stretch" data-name="link">, inside a single rune's root with its __link class, or inside a <div data-link="host">.aria-label, else the host's title / headline / name slot or first heading through aria-labelledby (an id assigned if missing), else the host's text.packages/runes/src/tags/common.ts: stretchedLink(), exported. card.ts and plugins/marketing/src/tags/bento.ts use it instead of the aria-hidden / tabindex="-1" anchor.packages/skeleton/styles/dimensions/link.css (new): wrap display, stretch positioning, and inner controls raised above.packages/lumina/styles/dimensions/link.css (new): the wrap form's colour and underline reset, and the focus ring.index.css files and Lumina's base.css. The overlay rules are removed from card.css and bento.css.packages/content/test/link-regions.test.ts (12).site/content/runes/card.md (the focusable overlay, the output contract, "Linking any block").outline-offset: -3px). card clips with overflow: hidden and the overlay fills exactly that box, so an outside ring was invisible. This showed up in a Chromium check: overlay hit-testing, inner link above it, Tab order, ring in light and dark.a, button, form controls, details / summary, iframe / audio / video / embed / object, label, tabindex, contenteditable, and any rune whose config says interactive.card and bento-cell keep data-name="link", so rf-card__link, Lumina's linked-card hover and the SPEC-090 guest-posture check are unchanged.{% link %} in site/content is single-line, which Markdoc parses as inline, so no existing output changes.href is no longer required on the tag, because an empty one is now meaningful.