Metadata keyboard interactions for demo

Metadata keyboard interactions for demo

Tab order and keyboard controls

page numbers refer to metatdata demo pdf

prior to inserting a video

  • logo - "Flo E.R."

  • "Restart Demo" - Enter/space to select

  • "Welcome ..."

  • "Begin by creating ..."

  • "bold", "italic", "underline" - Enter/space to select

  • "Enter web address for video" - focus lands on entry field, type or paste to enter URL

  • "OK" - Enter/space to select

  • focus moves to active area of editor window

  • "View HTML" - Enter/space to select

video insertion - with audio features only

  • When OK is selected and URL is validated, video is inserted and focus lands on the video placeholder in the active area of the editor window.

    • Features panel appears on the right (with content corresponding to focused video)

    • Tabbing moves focus to features panel.

    • The features panel remains open as long as focus is on either a video placeholder, or on the features panel (or something within it)

      • When focus is moved off of a video placeholder (and away from the features panel), the features panel closes

        • If focus is moved to the features panel (or something within it), then the panel remains open.

  • "Audio features panel"

  • tab to radio button group - arrow keys cycle through radio buttons (up/left and down/right)

    • default selection - "This video has an audio track."

    • checkboxes deactivated when first radio button is not selected

    • when first button is selected, tabbing will move focus through dialog boxes, then out of radio button group

      • Enter or space will select check box

    • if second or third radio button is selected, tabbing will move focus out of radio button group

  • "View HTML" - Enter/space to select

  • logo - "Flo E.R."

  • "Restart Demo" - Enter/space to select

  • "bold", "italic", "underline" - Enter/space to select

  • "Enter web address for video" - focus lands on entry field, type or paste to enter URL

  • "OK" - Enter/space to select

  • focus returns to active area of editor window

with video features and audio features

  • ...

  • "Video features panel - select all that apply"

  • "Video is high contrast ..." - Enter/space to select

  • "Video contains sign language translation" - Enter/space to select

  • tab to radio button group "Video has flashing visuals..." - arrow keys move through radio buttons (up/right and down/left) "Yes", "No", "Not sure"

  • "Audio features panel"

  • ...

  • "View HTML" - Enter/space to select

  • ...

with video features, audio features and captions

  • ...

  • "Video features panel - select all that apply"

  • ...

  • "Audio features panel"

  • ...

  • "Captions panel"

  • "Captions provide a ..."

  • focus lands on URL text field - "Enter web link to caption"

  • focus moves to Language drop down field (default set to English) - "Select language, English selected"

    • Control+down arrow to open list ? (or Enter/space?)

    • arrow keys to move language focus through list (highlighted in yellow) - right and down arrows move focus down, left and up arrows move focus up

    • Enter/space to select a language (indicated by checkmark in drop-down list and entered into Language field) - drop-down closes and focus moves back to languge field

    • Control + up arrow OR tab to close the list without making a selection ?

  • Repeat for second URL and language entry

  • checkbox "Video already contains ..." - Enter/space to select

  • focus moves to Language drop down field

  • "View HTML" - Enter/space to select

  • ...