fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-10 00:12:09 +00:00
Code Issues Projects Releases Wiki Activity

Give transcripts back their headings

Browse source 
<div> can't be given an accessible name, and a <section> should have a
heading. Sigh.
This commit is contained in:
Rohan Kumar 2022-06-29 21:37:38 -07:00
parent f12a5b4883
commit 22dfabd262
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
1 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
layouts/shortcodes/transcribed-image-transcript.html
View file

@ -1,14 +1,15 @@
{{ with .Parent -}}
{{- $type := "image" -}}
{{- with .Get "type" -}}
{{- $type = . -}}
{{- end -}}
<details> <details>
{{ with .Parent -}} <summary>Toggle {{ $type }} <span itemprop="accessibilityFeature">transcript</span></summary>
{{- $type := "image" -}} <section id="transcript-{{ .Get "id" }}">
{{- with .Get "type" -}} <h5>{{ $type | humanize }} transcript</h5>
{{- $type = . -}} {{- end }}
{{- end -}} <div itemprop="embeddedTextCaption">
<summary><span id="btn-{{ .Get "id" }}">{{ $type | humanize }} <span itemprop="accessibilityFeature">transcript</span></span></summary> {{ .Inner | markdownify | safeHTML }}
<div id="transcript-{{ .Get "id" }}" aria-labelledby="btn-{{ .Get "id" }}">
{{- end -}}
<div itemprop="embeddedTextCaption">
{{ .Inner | markdownify | safeHTML }}
</div>
</div> </div>
</section>
</details> </details>