docs(a11y): note the slug placeholder in each template
This commit is contained in:
@@ -58,6 +58,7 @@
|
|||||||
<p class="eyebrow">[Type] · Diagram Design</p>
|
<p class="eyebrow">[Type] · Diagram Design</p>
|
||||||
<h1>[Diagram title]</h1>
|
<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">
|
<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>
|
<title id="[diagram-slug]-title">[Diagram title]</title>
|
||||||
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
|
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
|
||||||
|
|||||||
@@ -175,6 +175,7 @@
|
|||||||
|
|
||||||
<!-- Main Diagram -->
|
<!-- Main Diagram -->
|
||||||
<div class="diagram-container">
|
<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">
|
<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>
|
<title id="[diagram-slug]-title">[Diagram title]</title>
|
||||||
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
|
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
|
||||||
|
|||||||
@@ -128,6 +128,7 @@
|
|||||||
</p>
|
</p>
|
||||||
<h1>[Diagram title]</h1>
|
<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">
|
<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>
|
<title id="[diagram-slug]-title">[Diagram title]</title>
|
||||||
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
|
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
|
||||||
|
|||||||
@@ -58,6 +58,7 @@
|
|||||||
<p class="eyebrow">[Type] · Diagram Design</p>
|
<p class="eyebrow">[Type] · Diagram Design</p>
|
||||||
<h1>[Diagram title]</h1>
|
<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">
|
<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>
|
<title id="[diagram-slug]-title">[Diagram title]</title>
|
||||||
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
|
<desc id="[diagram-slug]-desc">[One sentence describing what the diagram shows]</desc>
|
||||||
|
|||||||
Reference in New Issue
Block a user