From 372589a57a23d8d302c78dfe994c664bc0da2c6e Mon Sep 17 00:00:00 2001
From: Rohan Kumar <seirdy@seirdy.one>
Date: Fri, 6 May 2022 10:31:52 -0700
Subject: [PATCH] Improve image transcript navigation

- Identify the transcript with a subheading, ending in a period so that
  the aria-description separates the identifier from the concept.
- Put the transcript in a <section>
- Snuck in a trivial syntax fix for the generator element.
---
 layouts/partials/head.html                           | 2 +-
 layouts/shortcodes/transcribed-image-transcript.html | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 4a7b7e4..9055403 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -63,5 +63,5 @@
 <meta property="og:image:alt" content="White-on-black colon and semicolon">
 <meta property="og:url" content="{{ .Site.Params.CanonicalBaseURL }}{{ $canonicalRelPermalink }}">
 <meta property="og:description" content="{{ $description }}">
-{{ hugo.Generator }}
+{{ hugo.Generator | replaceRE " />" ">" | safeHTML}}
 </head>
diff --git a/layouts/shortcodes/transcribed-image-transcript.html b/layouts/shortcodes/transcribed-image-transcript.html
index c1e1e51..e2ef438 100644
--- a/layouts/shortcodes/transcribed-image-transcript.html
+++ b/layouts/shortcodes/transcribed-image-transcript.html
@@ -1,9 +1,11 @@
 <details>
 <summary>Toggle transcript</summary>
-<div itemprop="embeddedTextCaption"
 {{ with .Parent -}}
-	id="transcript-{{ .Get "id" }}"
-{{- end -}}>
+<section id="transcript-{{ .Get "id" }}">
+<h5>Image transcript.</h5>
+{{- end -}}
+<div itemprop="embeddedTextCaption">
 {{ .Inner | markdownify | safeHTML }}
 </div>
+</section>
 </details>