diff --git a/mediaqueries-5/Overview.bs b/mediaqueries-5/Overview.bs index e24f673f2c4..cc0d3292fd0 100644 --- a/mediaqueries-5/Overview.bs +++ b/mediaqueries-5/Overview.bs @@ -53,6 +53,116 @@ Evaluating Media Features in a Boolean Context the media feature evaluates to true. Otherwise, it evaluates to false. + + +
+ Name: navigation + Value: none | sequential | spatial + For: @media + Type: discrete ++ + The 'navigation' media feature is used to query the user's ability navigate the page + and in particular to move the focus around + other than with a pointing device + (see the '@media/pointer' media feature). + +
Tab key for moving to the next item,
+ and Shift+Tab for moving to the previous one.
+
+ ArrowDown,
+ ArrowLeft,
+ ArrowRight,
+ or ArrowUp keys,
+ possibly in combination with the Shift key.
+ @media (navigation: spatial) { … },
+ but would not match
+ @media (navigation: sequential) { … }
+ nor
+ @media (pointer) { … }.
+
+ On the other hand,
+ a smartphone browser whose sole input mechanism is the touch screen
+ would match
+ @media (pointer) { … }
+ as well as
+ @media not (navigation) { … }.
+
+ /*
+ Visually simple and linear layout
+ */
+ @media (pointer) or (navigation: spatial) {
+ /*
+ Non-linear advanced layout
+ */
+ }
+
+
+ @media (update) and (not (pointer)) and (not (navigation)) {
+ /*
+ Dynamic but non-interactive layout,
+ for example suited for use in digital signage
+ */
+ }
+
+