Case Study: Enhancing Video Accessibility for JetBlue

The Challenge

In 2014, JetBlue relied on Vimeo to host and embed video content across their digital platforms. At the time, the default Vimeo player presented significant barriers for users relying on assistive technologies. Standard keyboard navigation was inconsistent, and screen reader support for player controls (like play/pause, volume, and captions) did not meet the rigorous WCAG standards required for a major airline.

The Solution

To bridge the gap between Vimeo’s default limitations and JetBlue’s commitment to inclusivity, I developed a custom, lightweight middleware solution. Using the Vimeo JavaScript API , I engineered a script that could be globally embedded on any page.

Key technical features:

• On-the-fly generation: The script automatically detected any Vimeo iframe embeds and generated a custom-built, fully accessible UI layer over the player.
• Keyboard & screen reader optimization: Every control—including the timeline and volume sliders—was rebuilt to be focusable and operable via keyboard, with appropriate ARIA attributes for screen reader feedback.
• Live region announcements: Implemented "out loud" announcements for player events (e.g., buffering, play/pause states) to ensure blind or low-vision users stayed informed of the video's status.
• Responsive design: Ensured the custom controls remained functional and accessible across mobile and desktop viewports.

The Impact

By implementing this custom player, JetBlue was able to continue using their preferred video hosting provider while significantly improving their WCAG compliance. This project ensured that all passengers, regardless of how they interact with technology, had equal access to JetBlue’s video content and brand messaging.

Technical Reference:

• GitHub Repository: svinkle/accessible-video-player
• Live Demo: Accessible Video Player Demo