Countdown

The animation of the circular countdown emptying is distinctive as a countdown and easy to spot. It will not be confused with a progress bar and it has a big enough tap target area on a touch device. Also, it helps to draw the eye to the countdown and understand the function.

The numerical countdown timer should also be there to reinforce the message and give concrete information about when the media will start.

Labelling

Labelling should be appropriate to the content being played and should make a connection with the numerical countdown timer.

It should be in sentence format. For example:

Next video starts in鈥�
Next programme starts in鈥�
Next episode starts in鈥�
Up next in鈥�

Positioning

The autoplay panel should be positioned to the right-hand-side of the player, sitting just above the player controls so that they remain accessible when they appear.

Accessibility

When the autoplay panel appears, the keyboard focus is on the autoplay panel title so that if you are using a screen reader, it will read out "the next item is about to play. Press 'enter' to cancel".

The next item will play automatically unless you press the 'enter' or 'tab' key.

Pressing the 'enter' key cancels the countdown timer and the keyboard focus moves to the next item. The screen reader then reads out the title of the next item allowing you to decide if you'd like to watch it.

If you pressed the 'tab' key, the countdown would pause and the screen reader would read out "cancel automatic play of next episode".

鲍鱼tv

History

Publication

Dima Jarkas

Filippo Cuttica

Wes Elliott

Pete Warren

Rob Farnell

Could you improve this guideline?