Skip to content

Commit 3f10607

Browse files
kevinccbsgclaude
andcommitted
fix(docs): make ecosystem cards reachable by heading navigation (4.1.2)
The 4th adoption-line card ("Merge with confidence") is intentionally not a link, so it was skipped by Tab-key navigation and the auditor never heard it. Promote each card's package name to an <h3> so screen-reader users reach every card (including the non-link end-state) via heading navigation, giving the adoption path proper document structure. Visual layout is unchanged. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent 458bfcc commit 3f10607

1 file changed

Lines changed: 5 additions & 1 deletion

File tree

docs/.vitepress/theme/components/AdoptionLineDiagram.vue

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ const stages = [
5656
>
5757
<span v-if="stage.badge" class="adopt-badge" :class="`adopt-badge--${stage.state}`">{{ stage.badge }}</span>
5858
<span class="adopt-eyebrow">{{ stage.eyebrow }}</span>
59-
<span class="adopt-pkg">{{ stage.package }}</span>
59+
<h3 class="adopt-pkg">{{ stage.package }}</h3>
6060
<span class="adopt-desc">{{ stage.description }}</span>
6161
<span v-if="stage.cta" class="adopt-cta">
6262
{{ stage.cta }}<span class="adopt-cta__sr"> about {{ stage.package }}</span><span aria-hidden="true"> →</span>
@@ -154,8 +154,12 @@ a.adopt-stage:focus-visible {
154154
}
155155
156156
.adopt-pkg {
157+
/* h3 for heading-navigation reach (incl. the non-link "Ship" card); reset
158+
default heading margins so the card layout is visually unchanged */
159+
margin: 0;
157160
font-size: 1.0625rem;
158161
font-weight: 700;
162+
line-height: 1.3;
159163
color: var(--vp-c-text-1);
160164
}
161165

0 commit comments

Comments
 (0)