Updating video player and (possibly) strange keyboard interaction

[Jonathan Hung]

Hi everyone,

I have been making my way through updating the Video Player test plan, in
particular adding the keyboard interaction test procedure into the document:
http://wiki.fluidproject.org/display/fluid/Video+Player+QA+Test+Plan

In going through the test procedure and after reading the Video Player
Interactions document (
http://wiki.fluidproject.org/display/fluid/Floe+video+player+interactions)
I feel that the keyboard interaction feels a bit strange. After talking to
Joanna we discovered what we think is the problem and have a possible
solution.

Issue 1: The control panel button highlighting / focusing looks like it
should navigable horizontally (see attached screen shot)

Once the Play button has focus, it appears as if the controls can be
navigated horizontally by pressing the left or right arrow keys (similar to
how drop-down menu headers are keyboard navigable once an item has focus).
However, this isn't the case. The only way to move to the next player
control is by pressing the TAB key again. Which brings us to the next issue.

Issue 2: The scrubber bar breaks the tab order of the control panel

Once the Play button has focus, it's expected that the next focusable item
would be Volume, followed by Captions, and Transcript. Currently the tab
order is Play > Volume > Scrubber > Captions > Transcripts. This order
feels jarring as the expected flow is broken by the scrubber bar.

Joanna and I propose the following fix to make the keyboard interaction a
bit smoother:

1. Make the player controls navigable left and right using the arrow keys,
similar to how the left and right arrow keys move the scrubber left and
right.
2. Change the tab order to: Play > Volume > Captions > Transcripts >
Scrubber.

Since we are pushing to fix critical issues with Video Player currently, I
suspect these proposed improvements are lower priority. All the same, I
would still like to see these improvements some time in the future.

Thoughts?

- Jon.

-- 

*JONATHAN HUNG*

INCLUSIVE DESIGNER, IDRC****

** **

*T:* 416 977 6000 x3951****

*F:* 416 977 9844****

*E:* jhung at ocadu.ca****

** **

*OCAD UNIVERSITY*****

Inclusive Design Research Centre****

205 Richmond Street W, Toronto, ON, M5V 1V3****

** **

www.ocadu.ca****

www.idrc.ocad.ca
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20121206/843fc1cb/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: play-focus-style.png
Type: image/png
Size: 14904 bytes
Desc: not available
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20121206/843fc1cb/attachment.png>