w3c / wai-people-use-web

25 stars 60 forks source link

[high] more accessible presentation of video #322

Closed shawna-slh closed 4 months ago

shawna-slh commented 6 months ago

If we provide the videos in a small form at top, How to provide the more accessible video?

example Easy Checks video has:

Perhaps add that to the bottom of the page under an expand-collapse?

related: https://github.com/w3c/wai-website-theme/issues/79

JayneSchurick commented 5 months ago

Good idea. Are we doing it and who can implement?

brianelton commented 5 months ago

Video reference: https://media.w3.org/wai/people-use-web/ Design references: https://wai-website-theme.netlify.app/components/video-card/ https://wai-website-theme.netlify.app/components/video-player-data/

brianelton commented 4 months ago

@shawna-slh just to be clear, do you think we should mimic what is on that Easy Checks page exactly?

shawna-slh commented 4 months ago

I think we need to have all of the accessibility available.

@iadawn had strong feelings about this. would be good to loop him into discussion of options...

brianelton commented 4 months ago

I have updated Ade's page with this video setup - https://deploy-preview-113--wai-people-use-web.netlify.app/people-use-web/user-stories-one/ The link and heading text will need to be updated, but it's all there in concept.

brianelton commented 4 months ago

FYI @shawna-slh @iadawn @JayneSchurick @kakinney the videos in 8 of the 9 user stories have been updated with the new pattern. I have also updated Auditory in Diverse Abilities (which also involved a slight format change to match the user stories.)

brianelton commented 4 months ago

All user stories, Abilities and barriers, and Tools and techniques pages have been updated with videos, with the exception of Ilya, which is TBD.

brianelton commented 4 months ago

@JayneSchurick please look this over while confirming summaries for each story.

shawna-slh commented 4 months ago

@brianelton looks great!

In this case, how about having the transcript always visible without the expand-collapse heading?

@iadawn Thoughts?

shawna-slh commented 4 months ago

@brianelton Kevin agrees. Leave the expand-collapse on the video heading and have it collapsed by default. Remove the expand-collapse from Text Transcript with Description of Visuals (so when the parent heading is expanded, the transcript is always visible).

JayneSchurick commented 4 months ago

I can confirm that the video flow is the same in all of the user stories. I did not make any changes per @shawna-slh above.

brianelton commented 4 months ago

The disclosure widgets around the transcripts have all been removed.