docs(a11y): note the slug placeholder in each template

This commit is contained in:
Matt Van Horn
2026-08-11 16:47:13 -07:00
parent 9e336ad538
commit 615633712f
4 changed files with 4 additions and 0 deletions
@@ -58,6 +58,7 @@
<p class="eyebrow">[Type] · Diagram Design</p>
<h1>[Diagram title]</h1>
<!-- Replace [diagram-slug] with a unique slug for this diagram before export. -->
<svg viewBox="0 0 1000 600" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="[diagram-slug]-title [diagram-slug]-desc">
<title id="[diagram-slug]-title">[Diagram title]</title>
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
@@ -175,6 +175,7 @@
<!-- Main Diagram -->
<div class="diagram-container">
<!-- Replace [diagram-slug] with a unique slug for this diagram before export. -->
<svg viewBox="0 0 1000 700" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="[diagram-slug]-title [diagram-slug]-desc">
<title id="[diagram-slug]-title">[Diagram title]</title>
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
@@ -128,6 +128,7 @@
</p>
<h1>[Diagram title]</h1>
<!-- Replace [diagram-slug] with a unique slug for this diagram before export. -->
<svg viewBox="0 0 1000 600" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="[diagram-slug]-title [diagram-slug]-desc">
<title id="[diagram-slug]-title">[Diagram title]</title>
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
@@ -58,6 +58,7 @@
<p class="eyebrow">[Type] · Diagram Design</p>
<h1>[Diagram title]</h1>
<!-- Replace [diagram-slug] with a unique slug for this diagram before export. -->
<svg viewBox="0 0 1000 600" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="[diagram-slug]-title [diagram-slug]-desc">
<title id="[diagram-slug]-title">[Diagram title]</title>
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>