Use cases for spatial navigation

Use cases for spatial navigation

This page is for gathering use cases about spatial navigation (i.e. moving the focus in 4-ways using arrow keys). It will help to figure out the essential features supported when implementing the spatial navigation.

Listing examples here is a good start, but ideally each use case should be listed with some details about it, such as:

• Is the example meant to showcase something typical, or some unusual case
• Is the example meant to showcase something that currently works well, or something that has problems
• If there are problems, what class of users or what usage scenario are they problems for, and why is that behavior a problem

Spatial navigation on the grouped element

Sample: http://enyojs.com/sampler/latest/spotlight/index.html#ContainerSample

Features

• The group of elements is organized to control the spatial navigation better for the TV app.
  • The groups are created based on their functions or behaviors (e.g., main, menu, dialog, etc.).
• The group consists of elements which are the node of the sub-DOM tree.
• Focus only moves to the element which is the leaf node of the sub-DOM tree.
• Each group has the initially focused element and the last focused element.

Scenario

• Focus navigation between the groups in the same level
  • Focus moves to the last focused element, not to the nearest element.
• Focus navigation from the parent group to the child group
  • Focus moves to the last focused element, not to the nearest element.
• Focus navigation from the child group to the parent group
  • Focus moves to the nearest element.

Related pages

• Navigation on the grouping widgets: https://developer.mozilla.org/en-US/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets

Future use cases

• Spatial navigation for the circular layout