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

{{- $type := "image" -}}
{{- with .Get "type" -}}
{{- $type = . -}}
{{- end -}}
<section aria-label="{{ $type }}, caption, and transcript" itemprop="mentions" itemscope="" itemtype="https://schema.org/ImageObject" id="{{ .Get "id" }}" tabindex="-1">
{{ .Inner | markdownify | safeHTML }}
</section>
Make transcript headings more unique 2022-05-13 01:56:16 +00:00			`{{- $type := "image" -}}`
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-21 00:55:13 +00:00			`{{- with .Get "type" -}}`
			`{{- $type = . -}}`
			`{{- end -}}`
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML. 2022-05-30 22:49:31 +00:00			`<section aria-label="{{ $type }}, caption, and transcript" itemprop="mentions" itemscope="" itemtype="https://schema.org/ImageObject" id="{{ .Get "id" }}" tabindex="-1">`
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-21 00:55:13 +00:00			`{{ .Inner \| markdownify \| safeHTML }}`
Adjust image transcript approach - Use section instead of nested article - Adjust stylesheets to match above markup changes - Mention upcoming aria-details 2022-05-13 00:33:12 +00:00			`</section>`