Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Procedure

Expected Results

Reload page

 

Using only the Tab key on the keyboard, move focus to the video player.

  • When tab focus arrives at the video player, the video area should show a blue border around it.
  • Play symbol overlay should not disappear. FLUID-4599
  • The controls should not appear. FLUID-4785

Using only the keyboard, activate and show English Transcripts

  • The transcript menu should disappear.
  • The transcript area should appear to the right of the video area, containing English transcripts.
  • The icon in the Transcripts button should switch to orange.

Press Tab 4 more times

  • Blue outline should appear around "Eeny, meeny,miny,moe"

Press Down Arrow 7 times

  • Blue outline should appear around "David Kelley...human centered".

Press Enter

  • "David Kelley...human centered" should now be white text on blue background.
  • Yellow progress bar should appear on the left of the timeline.
  • Timecode thumb should say "0:18/5:43".
  • Image in video player should show text "David Kelley says.... Most experts agree." and an image of Mr. Kelley on a YouTube video.
  • Video should not be playing.

Using only the tab button, tab until the video player has focus.

  • When tab focus arrives at the video player, the video area should show a blue border around it.
  • Play symbol overlay should not appear. FLUID-4599
  • The controls should not appear. FLUID-4785

Press Enter on the Video Player

  • Video should start playing from 0:18

With video still playing, press tab 4 times

  • Blue focus outline should appear around the string of text currently being played.

Press down arrow 4 times

  • A blue outline should appear around the 4th selectable item below the string of text being played.

Press Enter key

*The video and audio should jump to the position with the corresponding selected text.

  • Time code should change respectively.
  • The video progress bar should change respectively.

Press the down arrow key until the selected text is well "below the fold". Wait a moment for the video to progress.

*Focus should remain on the selected text and not shift to the text currently being spoken.

Press and hold down arrow

Full Screen
Warning

More to come... For now, use the mouse tests as a guide: All functionality should be available via keyboard-only as well.