As a visually-impaired visitor to the site, I need to be able to access an audio-described version of videos put on pages through the Legacy Embedded WYSIWYG so that I can experience the content of the video equivalently to a sighted user.
Specifications
General
The addition of the audio-described file shall use a simple approach that does not change the video player itself
The addition of the audio-described file shall assume that the video will no longer be a page-level content type
Drupal Specifications
The audio-described version of the video will be accessed through an external link
The audio-described version of the video will be optional for videos
This ticket will include the addition of the audio-described paragraph to the CGDP Video Content Type
Developer Note: If the video does not have a caption, and it has an audio-described link then the FigCaption should not be created, and the text and link for the audio-described link will not be a description for the video
Front-End Specifications
The video component shall allow users to access the audio-described version of the video
If the video does not have an audio described version to go with it, then the designed interface to go to the audio-described version will not render
The embedded video component update shall have the same user experience on the following embedding types on the Digital Platform:
Video Display: Large: No Title
Video Display: Large: Title
Video Display: Medium: No Title
Video Display: Medium: Title
Video Display: Small: No Title
Video Display: Small: Title
Alignement: None, Left, Center, and Right
The embedded video component can be placed on the Body Content WYSIWYG on the following Content Pages:
Application Page
Article Page
Biography
Blog Post
Cancer Center
Cancer Research List Page
Event
Press Release
The Video Page will behave and look the same as the legacy embedded videos
If the video has a caption, then the text and link to the audio-described link will appear in the caption
If the video does not have a caption, then the audio-described link will appear alone
Analytics
No analytics required. This component is to ensure videos are accessible. A low Click Through Rate (CTR) will not change or remove this feature.
On an example Article page for test content, use the Embedded Video Sizes comp as a reference:
Page URL: Something similar to /test/embedded-video-sizes/
Page Title: Test Page for Embedded Video Sizes
Components:
Add every combination of video size (3 - large, medium, small), with or without title, alignment (4 - None, Left, Center, Right), and with or without caption. All videos placed on the page will need an external link to be added to the video content type. This should be 48 videos. Around each video, add 3 lines of lorem ipsum above and below the video to test the wrapping.
Acceptance Criteria
CMS Experience - Adding AD Link to Video Media Type
Scenario: A content editor adds or edits a video media type on Drupal to add an audio-described link
Given the user is logged into the CMS as an editor
And the user is adding or editing a video media type
When the user is adding or editing a video media type
Then the user will see the fields for the video media type
And the "Audio-Described Video Link" field will be added after the Caption field
And the Audio-Described Video Link field will be optional
And it will be a text entry field
And it will have the tooltip text: "Used to provide a link to the audio-described file. Enter the full URL starting with https://"
And all other fields will remain unchanged
CMS Experience - Adding an Embedded Video to a Page Using the WYSIWYG
Scenario: A content editor adds an embedded video to a page using the WYSIWYG
Given the user is logged into the CMS as an editor
And the user is adding an embedded video to a page using the WYSIWYG
When the user is adding an embedded video to a page using the WYSIWYG
Then the experience does not change whether the video has an audio-described link or not
Front-End Experience
Scenario: A user views a video with and audio-described link on an applicable page on the platform
Given the audio-described link has been added to the video media type
And the video with an audio-described link has been added to an applicable page on the platform
And the applicable pages for Legacy Embedded WYSIWYG are, Application Page, Article Page, Biography, Blog Post, Cancer Center, Cancer Research List Page, Event, and Press Release
When the video is embedded at any size
And it has or does not have a title
And it has a caption
Then the audio-described link will appear below the caption with the text, "**Audio-Description:** Watch the audio-described version of this video."
And it will match the comp
When the video is embedded at any size
And it has or does not have a title
And it does not have a caption
Then the audio-described link will appear below the video with the text, "**Audio-Description:** Watch the audio-described version of this video."
When the user clicks on the link for the audio-described link
Then they will be redirected to the external link for the audio-described video
As a visually-impaired visitor to the site, I need to be able to access an audio-described version of videos put on pages through the Legacy Embedded WYSIWYG so that I can experience the content of the video equivalently to a sighted user.
Specifications
General
Drupal Specifications
Front-End Specifications
Analytics
DoR Tasks
DoD Tasks
Technical Notes
Content Model
Scenarios/Comps
Acceptance Criteria
CMS Experience - Adding AD Link to Video Media Type
CMS Experience - Adding an Embedded Video to a Page Using the WYSIWYG
Front-End Experience
Related Tickets