Able Player: A Fully Accessible Media Player


First, A Shameless Plug


Second, a more relevant plug: CSUN


Media Players in HTML5


A more complete <audio> tag


A more complete <video> tag


A closer look at <track>


Different kinds of <track>


WebVTT Format


Browsers' default media players all look different


And some are more accessible than others


Able Player


Supports captions & subtitles


Supports audio description (two ways)


Auto-generates an interactive transcript from captions & descriptions


Supports chapters


Supports user preferences


Captions Preferences


Descriptions Preferences


Keyboard Preferences


Transcript Preferences


Supports Sign Language (with data-sign-src)


Supports Search (with data-search & data-search-div)


Able Player HTML


Able Player for YouTube


Making use of data-* attributes


See it live at uw.edu/doit/video


Coming Soon!