diff --git a/css-nav-1/Overview.bs b/css-nav-1/Overview.bs index 8b198fd11fba..e06e355e5c71 100644 --- a/css-nav-1/Overview.bs +++ b/css-nav-1/Overview.bs @@ -134,7 +134,7 @@ If the user presses the Tab key to move focus around the they need to press the key many times to reach the desired image element.
- When elements are laid out in a grid pattern, spatial navigation makes it much easier to predict and control where focus should move to. + When elements are laid out in a grid pattern, spatial navigation makes it much easier to predict and control where focus should move to.
Photo gallery application example using a grid layout
@@ -275,8 +275,8 @@ and [[#declarative]] for details about the CSS properties. this example assumes a user agent where spatial navigation is triggered using arrow keys.
- - + +
Moving focus to the visible element in the spatial navigation container.
@@ -285,10 +285,10 @@ and [[#declarative]] for details about the CSS properties. "Box 3" without scrolling because "Box 3" is visible in the scrollport of the spatial navigation container.
- - - - + + + +
Moving focus to the hidden element in the spatial navigation container.
@@ -551,7 +551,7 @@ the user agent must run the steps described below: The figure below is the result of this code.
- An image about focusableAreas() + An image about focusableAreas()
Find all visible focusable areas inside the document.
@@ -782,7 +782,7 @@ the origin of the [=active document=] of the [=top-leve this example assumes a user agent where spatial navigation is triggered using arrow keys.
- An image about navnotarget + An image about navnotarget
Moving focus when there isn't any candidate in the scroll container.
@@ -838,7 +838,7 @@ the origin of the [=active document=] of the [=top-leve The result of this example is the figure as follows:
- An image of the result about navnotarget + An image of the result about navnotarget
The result of moving focus when there isn't any candidate in the scrollport and scroll container cannot be scrolled.
@@ -1308,7 +1308,7 @@ The meaning of each term is as follows: of the reference and the candidate
- +
projectedOverlap
@@ -1525,7 +1525,7 @@ Inside the container, there is an element which is out of the view within a s Pressing the down arrow key moves the focus directly to it without scrolling manually.
- +
Moving focus from "Box 2" to "Box 3" without manually scrolling
@@ -1603,7 +1603,7 @@ NOTE: These values are negotiated with the users' preferences which seems natura This example shows how the focus moves differently by the value of spatial-navigation-function.
- +
Moving focus from "A" to one of the candidate elements