fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-27 10:52:09 +00:00
Code Issues Projects Releases Wiki Activity
seirdy.one/layouts/shortcodes/transcribed-image.html

25 lines
662 B
HTML
Raw Normal View History

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" -}}
Add support for <audio> elements - Adjust transcript shortcodes to also support <audio> elements. - Add audio element shortcode based on <picture> shortcode - Make <audio> elements match container width.
2022-07-01 03:12:06 +00:00
{{- $itemtype2 := "ImageObject" -}}
{{- $itemprop := "mentions" -}}
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" -}}
Add support for <audio> elements - Adjust transcript shortcodes to also support <audio> elements. - Add audio element shortcode based on <picture> shortcode - Make <audio> elements match container width.
2022-07-01 03:12:06 +00:00
{{- $type = . -}}
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
{{- 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" -}}
Add support for <audio> elements - Adjust transcript shortcodes to also support <audio> elements. - Add audio element shortcode based on <picture> shortcode - Make <audio> elements match container width.
2022-07-01 03:12:06 +00:00
{{- $itemtype = . -}}
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
{{- end -}}
Add support for <audio> elements - Adjust transcript shortcodes to also support <audio> elements. - Add audio element shortcode based on <picture> shortcode - Make <audio> elements match container width.
2022-07-01 03:12:06 +00:00
{{- with .Get "itemtype2" -}}
{{- $itemtype2 = . -}}
{{- end -}}
{{- with .Get "itemprop" -}}
{{- $itemprop = . -}}
{{- end -}}
<hr />
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
<section
aria-label="{{ $type }}, caption, and transcript"
Add support for <audio> elements - Adjust transcript shortcodes to also support <audio> elements. - Add audio element shortcode based on <picture> shortcode - Make <audio> elements match container width.
2022-07-01 03:12:06 +00:00
itemprop="{{ $itemprop }}" itemscope="" itemtype="https://schema.org/{{ $itemtype }} https://schema.org/{{ $itemtype2 }}"
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
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>
Add support for <audio> elements - Adjust transcript shortcodes to also support <audio> elements. - Add audio element shortcode based on <picture> shortcode - Make <audio> elements match container width.
2022-07-01 03:12:06 +00:00
<hr />
Reference in a new issue Copy permalink