seirdy.one/layouts/shortcodes/transcribed-image-transcript.html

{{ with .Parent -}}
{{- $type := "image" -}}
{{- with .Get "type" -}}
	{{- $type = . -}}
{{- end -}}
<details>
<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>
Give transcripts back their headings <div> can't be given an accessible name, and a <section> should have a heading. Sigh. 2022-06-29 21:37:38 -07:00			`{{ with .Parent -}}`
			`{{- $type := "image" -}}`
			`{{- with .Get "type" -}}`
			`{{- $type = . -}}`
			`{{- end -}}`
Make transcript the description of the image. 2022-04-22 11:48:22 -07:00			`<details>`
Give transcripts back their headings <div> can't be given an accessible name, and a <section> should have a heading. Sigh. 2022-06-29 21:37:38 -07:00			`<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 }}`
Re-do my approach to image transcripts. Way better now. Also introduce a way to emphasize some keywords in code blocks without going full syntax-highlighting. 2022-04-20 17:55:13 -07:00			`</div>`
Give transcripts back their headings <div> can't be given an accessible name, and a <section> should have a heading. Sigh. 2022-06-29 21:37:38 -07:00			`</section>`
Re-do my approach to image transcripts. Way better now. Also introduce a way to emphasize some keywords in code blocks without going full syntax-highlighting. 2022-04-20 17:55:13 -07:00			`</details>`