RE: Details/Summary & Video Transcript

Hello,

 

At epubtest.org we have tested the details element extensively. It really is a wonderful feature in HTML 5 It works great in most places; we tested in EPUB Reading systems and in the browsers.

 

We found that JAWS has a problem when the details is inside a figure, but outside the figure element, it works fine.

 

In IE and some older browsers, the details are always expanded, but the content is still displayed.

 

Of course, I suggest you test, because the expanding details may push other content off screen, I mean it would expand and push other content up. For screen reader users, they would need to focus on the details to read the content, which is what most people would expect to do.

 

One of the current best practice recommendations is to use the details element for extended (long) descriptions of complex graphics. In this way, the reader can select to expand the description or leave it collapsed. 

Best

George

 

 

From: Jeana Clark <jclark@veritashealth.com> 
Sent: Tuesday, January 5, 2021 2:48 PM
To: W3C WAI ig <w3c-wai-ig@w3.org>
Subject: 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>        

 

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/) 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

 

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 <mailto:jclark@veritashealth.com> 

 

 

 


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

 



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



 


*** CONFIDENTIALITY NOTICE*** This message and any included attachments are from Veritas Health, LLC (owner and operator of Spine-health.com <http://Spine-health.com> , Arthritis-health.com <http://Arthritis-health.com> , Sports-health.com <http://Sports-health.com>  and Pain-health.com <http://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 <mailto: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.