Details/Summary & Video Transcript

Our videos have closed captioning & transcripts, and I’ve been asked to display the video transcript in a collapsible div directly below the video.

I’m thinking of using details and summary HTML elements to do this: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details> 

I really like this option as no javascript required and it’s just plain vanilla HTML. But I’m not sure about the accessibility implications. This blog post from 2019 shows there are some NVDA issues, and no IE support. (https://www.hassellinclusion.com/blog/accessible-accordions-part-2-using-details-summary/ <https://www.hassellinclusion.com/blog/accessible-accordions-part-2-using-details-summary/>) I’m okay with no IE support as that’s a small small fraction of our user base, and it shows shows the content *not* collapsed in the div.

Does anyone know if the missing state change issue has been addressed in nvda? This makes it look like perhaps it was fixed: https://github.com/nvaccess/nvda/issues/8631 <https://github.com/nvaccess/nvda/issues/8631>

Is there any issue too with presenting the video transcript in a collapsed div? It would be labeled as such so a sighted user or someone using a screen reader could open and consume the transcript if they wanted to.

Thanks!
Jeana


Jeana Clark
Creative Director

Tel: 847.607.8577
jclark@veritashealth.com



 <https://www.veritashealth.com/> <https://www.veritashealth.com/>

Spine-health.com <https://www.spine-health.com/> | Arthritis-health.com <https://www.arthritis-health.com/>
Sports-health.com <https://www.sports-health.com/> | Pain-health.com <https://www.pain-health.com/>


*** CONFIDENTIALITY NOTICE*** This message and any included attachments are from Veritas Health, LLC (owner and operator of Spine-health.com, Arthritis-health.com, Sports-health.com and Pain-health.com) and are intended for the addressee only. The contents in this message may contain confidential information belonging to the sender that is legally privileged. Unauthorized forwarding, printing, copying, distribution, or use of such information is strictly prohibited and may be unlawful. If you are not the addressee, please promptly delete this message and notify the sender of the delivery error by e-mail or contact the Veritas Health, LLC at admin@veritashealth.com. Veritas Health reserves the right to view all communications into and out of the company and senders shall have no expectation of privacy.