Video Accessibility

Beskrivning

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

Skärmdumpar

  • Front-end visual
  • Responsive view
  • Editor view
  • Link to videos
  • Customizable button text
  • Editable text transcript

Block

Detta tillägg tillhandahåller 12 block.

  • 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

  1. 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.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. 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.
  4. Navigate to any post, page or custom post type item. Using any block insertion method, add the Video Accessibility block.
  5. 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.
  6. Add Primary Video and Secondary Video data into the blocks.
  7. Edit Toggle Button text: text that displays initially in the video toggle switch button.
  8. Edit Secondary Button text: the text that displays after the button has been clicked.
  9. 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.
  10. 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.

Recensioner

6 december 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.
Läs 1 betyg

Bidragsgivare och utvecklare

”Video Accessibility” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

Översätt ”Video Accessibility” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

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 script to editorScript

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