Page MenuHomePhabricator

Text shadow for subtitles and perhaps a choice of color
Open, LowPublic


Author: mdoege

Right now subtitles are white text on a grey, semi-transparent background.

In my opinion there are two problems with that:

  • The gray rectangles obscure too much of the frame and look ugly.
  • The text can be hard to read, especially in black-and-white videos where the rest of the frame is also white and gray, offering little visual contrast to the subtitle area. Hyperlinks in subtitles, which are blue at the moment, are also difficult to read on a dark background.

I would suggest to use a CSS text shadow (black) around white or yellow characters instead. I would also recommend to find a brighter color for links that stands out more on a dark background. Perhaps simply a brighter shade of blue.

Maybe the subtitle color should be customizable from the video player widget, because some people might prefer yellow text for readibility, while others would want less obtrusive white text.

Version: unspecified
Severity: enhancement



Event Timeline

bzimport raised the priority of this task from to Low.Nov 22 2014, 12:58 AM
bzimport set Reference to bz42020.
Jdforrester-WMF moved this task from Untriaged to Backlog on the Multimedia board.Sep 4 2015, 6:13 PM
Restricted Application added subscribers: Matanya, Aklapper. · View Herald TranscriptSep 4 2015, 6:13 PM
TheDJ moved this task from To sort to Player on the TimedMediaHandler board.Oct 21 2015, 7:39 PM
Danny_B moved this task from Unsorted to Colors on the Accessibility board.Jan 22 2016, 9:01 PM
TheDJ added a subscriber: TheDJ.

Mostly a TimedText and CSS issue once we have video.js