{Freeway-Bug}[Adaptive Cards- Home Page] : Captions and transcription is not available while playing the pre-recorded video.

[vagpt]

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test Environment:
URL: https://adaptivecards.io/
OS Version: Dev (OS Build 27695.1000)
Browser Version: Version 130.0.2849.1 (Official build) dev (64-bit)

Repro Steps:

1. Open the above URL in the browser.
2. Home page will be appeared.
3. Press tab key and navigate to the 'Watch Video' button and press enter key to activate it.
4. Observe the issue.

Actual Result:
Captions and transcription options are not present for the pre-recorder video under Watch Video.

Expected Result:
Captions and transcription options should be available for the pre-recorder video under Watch Video.

Note:
Same issue is repro for the video player under Product Video and Media screens as there are no transcript options are present.

User Experience:
A person who can't listen to the voice after playing the video will find difficulty understanding voice if 'sub title' and Transcript' will not be available.

MAS Reference:
https://liquid.microsoft.com/Web/Object/Read/MS.Accessibility/Requirements/07.01

Have feedback to share on Bugs? please tag bug as “A11yRCA” and add your feedback in the comment section

Screenshots

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

[anna-dingler]

Note: Need to add caption sources to

AdaptiveCards/source/nodejs/adaptivecards-site/themes/adaptivecards/layout/index.ejs

Lines 3 to 12 in 599d791

	<div id="videoModal" class="w3-modal w3-card-4">
	<div class="w3-modal-content w3-animate-zoom">
	<video id="overviewVideo" tabIndex="0" controls="" width="100" style="width: 100%" poster="<%- url_for('content/poster-video.png') %>">
	<source src="https://adaptivecardsblob.blob.core.windows.net/assets/AdaptiveCardsOverviewVideo.mp4"
	type="video/mp4" />
	</video>
	<span id="closeVideo" tabIndex="0" aria-label="Close video" class="w3-button w3-xlarge w3-transparent w3-display-topright"
	title="Close video">×</span>
	</div>
	</div>

[anna-dingler]

We have released another version of the website, and this fix is available. Thanks!