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

{{- $type := "image" -}}
{{- $itemtype := "CreativeWork" -}}
{{- with .Get "type" -}}
{{- $type = . -}}
{{- end -}}
{{- with .Get "itemtype" -}}
{{- $itemtype = . -}}
{{- end -}}
<section
	aria-label="{{ $type }}, caption, and transcript"
	itemprop="mentions" itemscope="" itemtype="https://schema.org/{{ $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" -}}`
Microdata: fix relative urls, add a11y metadata - Add a11y metadata to transcribed images to communicate the presence of a transcript - Fix relative urls in navigation: make them absolute urls, so that the parsed navigation elements have the correct destinations. This also switches image transcripts from a section with a heading to a div with an ARIA label. That should reduce duplication between the <summary> content and the heading while still being semantically sound. 2022-06-30 00:54:51 +00:00			`{{- $itemtype := "CreativeWork" -}}`
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 -}}`
Microdata: fix relative urls, add a11y metadata - Add a11y metadata to transcribed images to communicate the presence of a transcript - Fix relative urls in navigation: make them absolute urls, so that the parsed navigation elements have the correct destinations. This also switches image transcripts from a section with a heading to a div with an ARIA label. That should reduce duplication between the <summary> content and the heading while still being semantically sound. 2022-06-30 00:54:51 +00:00			`{{- with .Get "itemtype" -}}`
			`{{- $itemtype = . -}}`
			`{{- end -}}`
			`<section`
			`aria-label="{{ $type }}, caption, and transcript"`
			`itemprop="mentions" itemscope="" itemtype="https://schema.org/{{ $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>`