For faster navigation, this Iframe is preloading the Wikiwand page for Spatial navigation.

Spatial navigation

In computing, spatial navigation is the ability to navigate between focusable elements, such as hyperlinks and form controls, within a structured document or user interface according to the spatial location.

This method is widely used in application software like computer games.

In the past Web browsers have used tabbing navigation to change the focus within an interface, by pressing the tab key of a computer keyboard to focus on the next element (or ⇧ Shift+Tab ↹ to focus on the previous one). The order is based on that in the source document. For HTML without any style, this method usually works as the spatial location of the element is in the same order of the source document. However, with the introduction of style via presentational attributes or style sheets such as CSS, this type of navigation is being used less often. Spatial navigation uses the arrow keys (with one or more modifier key held) to navigate on the "2D plane" of the interface. For example, pressing the "up" arrow key will focus on the closest focusable element on the top (relative to the current element). In many cases, this could save many key presses.

This accessibility feature is available in a number of applications, e.g. Vivaldi web browser.[1] For Vivaldi users, this allows a faster way to "jump" to different areas in long web pages or articles without manually scrolling and scanning with their eyes. Some examples, as noted above, include the Tab ↹ key to jump to the next input field, but also the ⇧ Shift key with arrow keys (, , , ) to jump to various links and text headers.

Doug Turner (Mozilla), the Minimo lead developer, has created a couple of special Mozilla Firefox builds with this feature. Eventually, this may build as a default part of Firefox.

Nightly builds of WebKit (the layout engine used by Apple Safari and Google Chrome, among others) now[2] have support for spatial navigation.

In games such navigation is represented by (for example) camera-relative movement.

See also

References

  1. ^ "Spatial Navigation". Vivaldi Browser Help. Vivaldi Technologies.
  2. ^ WebKit changeset 55543 http://trac.webkit.org/changeset/55543
{{bottomLinkPreText}} {{bottomLinkText}}
Spatial navigation
Listen to this article

This browser is not supported by Wikiwand :(
Wikiwand requires a browser with modern capabilities in order to provide you with the best reading experience.
Please download and use one of the following browsers:

This article was just edited, click to reload
This article has been deleted on Wikipedia (Why?)

Back to homepage

Please click Add in the dialog above
Please click Allow in the top-left corner,
then click Install Now in the dialog
Please click Open in the download dialog,
then click Install
Please click the "Downloads" icon in the Safari toolbar, open the first download in the list,
then click Install
{{::$root.activation.text}}

Install Wikiwand

Install on Chrome Install on Firefox
Don't forget to rate us

Tell your friends about Wikiwand!

Gmail Facebook Twitter Link

Enjoying Wikiwand?

Tell your friends and spread the love:
Share on Gmail Share on Facebook Share on Twitter Share on Buffer

Our magic isn't perfect

You can help our automatic cover photo selection by reporting an unsuitable photo.

This photo is visually disturbing This photo is not a good choice

Thank you for helping!


Your input will affect cover photo selection, along with input from other users.

X

Get ready for Wikiwand 2.0 🎉! the new version arrives on September 1st! Don't want to wait?