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.
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.