mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-09-19 20:02:10 +00:00
7bd9784653
- 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.
14 lines
453 B
HTML
14 lines
453 B
HTML
<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>
|
|
</div>
|
|
</details>
|