Description
Better video accessibility everywhere.
Display video transcripts next to embeds, toggle between two videos, and display a site-wide statement all in a single block.
Features
- Display a scrollable video transcript next to a video embed. Upload a plain text file transcript or create one in admin.
- Switch the embed player to display a second video. Ideal for displaying audio-described and non-audio-described versions of a video.
- Display a site-wide statement next to each embed.
- Responsive one or two column layout
- Intuitive block that supports two videos and multiple sidebar panels
- Customizable colors and fonts – block inherits existing site styles
Benefits
Improve site-wide video accessibility by
- Displaying transcripts next to embeds
- Providing the ability to switch between two videos in the same embed (which allows for seamless display of audio-described and non-audio-described video)
- Presenting a site-wide message (which could be your site’s accessibility statement)
Schema.org VideoObject
Automatically adds the schema.org VideoObject schema to Video and Vimeo embed blocks. For the YouTube embed block, a YouTube API key can be added to the plugin settings page to fetch video data. For more information please read YouTube developer documentation and terms.
The following VideoObject schema will be added:
- embedUrl or contentUrl
- description
- duration
- name
- thumbnailUrl
- uploadDate
- height
- width
Screenshots
Front-end visual 
Responsive view 
Editor view 
Link to videos 
Customizable button text 
Editable text transcript
Blocks
This plugin provides 12 blocks.
- Video accessibility An video accessibility block
- Aside Video accessibility aside
- Control Video accessibility panel control
- Accessibility Statement Accessibility statement generated from the settings page.
- Primary The video that will initially be displayed.
- Controls Video accessibility panel controls
- Transcript Transcript within a video accessibility block.
- Aside Default Default sidebar panel content.
- Panel Allows for a button triggering expanded/collapsed rich text content.
- Panels Video accessibility panels
- Secondary video The video that will display upon toggle button click
- Media
Installation
Minimum Requirements
- WordPress 6.2 or greater
- PHP version 8.0 or greater
Recommended Requirements
- WordPress 6.4.2 or greater
- PHP version 8.0 or greater
Installation and Usage
- Install using the WordPress built-in Plugin installer, or extract the zip file and drop the contents in the wp-content/plugins/ directory of your WordPress installation.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Configure settings via Dashboard > Settings > Video Accessibility. The YouTube API key is optional. The Default Video Statement allows for a site-wide statement to be displayed in the block. This could be used for something such as an accessibility standards statement.
- Navigate to any post, page or custom post type item. Using any block insertion method, add the Video Accessibility block.
- Select a One column or Two column Layout as well as whether default panel content should display. The default content supports core text, image, media & text, and buttons blocks.
- Add Primary Video and Secondary Video data into the blocks.
- Edit Toggle Button text: text that displays initially in the video toggle switch button.
- Edit Secondary Button text: the text that displays after the button has been clicked.
- Edit Transcript: Selecting this button for editing will also display the corresponding Transcript panel block. This area is where a transcript plain text file could be imported or this block also supports core text, image and buttons blocks.
- Edit Accessibility Statement: Selecting this button for editing will also display the corresponding Accessibility Statement panel block. This area is where the text from the plugin settings is displayed. Optionally edit this block on an as-needed with core text, image and buttons blocks.
Reviews
December 6, 2023
I backed up my site. Then installed the plugin. It was easy enough to get started. The video accessibility area is added to wordpress settings menu. You will need a YouTube API key but the plugin gives you a link to where and how to get that. Once I punched it in I was able to get started. Accessibility matters and this plugin made is SO EASY. My site is not able to reach a whole new audience, and it looks great too.
Contributors & Developers
“Video Accessibility” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Video Accessibility” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.6
- Enhancement – Video Accessibility Parent Block: adds the ability for WordPress users to turn on/off screen reader messaging.
- Enhancement – Video Accessibility Transcript Block: adds the ability for WordPress admins to turn on/off the addition of an automatic transcript download button linking to the file used for transcript import.
- Enhancement – Changes to the JavaScript behavior of the two-column view at sizes 781 and below to hide all panels until transcript or statement button is selected.
- Bug Fix – Stop videos in block only when switching between videos
- Improvement – Change block.json
scripttoeditorScript
1.0.5
- Bug Fix – Allow for empty YouTube embed blocks
1.0.4
- Fix Missing build files
1.0.3
- Update Docs
1.0.2
- New – Add settings link to the plugin page
1.0.1
- New – readme updates
- New – missing build folder
- WordPress 6.4.1 testing
1.0.0
- Initial release