diff --git a/layouts/shortcodes/transcribed-image-transcript.html b/layouts/shortcodes/transcribed-image-transcript.html
index 9512ae2..d1b23e1 100644
--- a/layouts/shortcodes/transcribed-image-transcript.html
+++ b/layouts/shortcodes/transcribed-image-transcript.html
@@ -1,14 +1,15 @@
+{{ with .Parent -}}
+{{- $type := "image" -}}
+{{- with .Get "type" -}}
+	{{- $type = . -}}
+{{- end -}}
 <details>
-	{{ with .Parent -}}
-		{{- $type := "image" -}}
-		{{- with .Get "type" -}}
-			{{- $type = . -}}
-		{{- end -}}
-	<summary><span id="btn-{{ .Get "id" }}">{{ $type | humanize }} <span itemprop="accessibilityFeature">transcript</span></span></summary>
-	<div id="transcript-{{ .Get "id" }}" aria-labelledby="btn-{{ .Get "id" }}">
-		{{- end -}}
-		<div itemprop="embeddedTextCaption">
-			{{ .Inner | markdownify | safeHTML }}
-</div>
+<summary>Toggle {{ $type }} <span itemprop="accessibilityFeature">transcript</span></summary>
+<section id="transcript-{{ .Get "id" }}">
+<h5>{{ $type | humanize }} transcript</h5>
+{{- end }}
+	<div itemprop="embeddedTextCaption">
+		{{ .Inner | markdownify | safeHTML }}
 </div>
+</section>
 </details>