From 7de363004631dccbdd1c47a37c840d51a581a651 Mon Sep 17 00:00:00 2001 From: Florian Rivoal Date: Tue, 3 Apr 2018 15:32:39 +0900 Subject: [PATCH] [mediaqueries-5] New interaction media-feature: navigation --- mediaqueries-5/Overview.bs | 110 +++++++++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) 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. + + +

+Interaction Media Features

+ + Issue: Copy level 4 prose when final + +

+Navigation capability: the 'navigation' feature

+ + 
+	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). + +
+
none +
+ Indicates that there is no way for the user to directly navigate the focus. + + Note: The user may still have the ability to interact with the page and activate + elements using a pointing mechanism + (see the '@media/pointer' media feature). + + +
sequential +
+ Indicates that the device and User Agent + provide a way for the user to move the focus + to the next—and usually previous—focusable item in the page. + + Note: This is typically achieved by pressing the Tab key for moving to the next item, + and Shift+Tab for moving to the previous one. + +
spatial +
+ Indicates that the device and User Agent + provide a way for the user to move the focus + directionally accross the page. + + Note: This is typically achieved by pressing + the ArrowDown, + ArrowLeft, + ArrowRight, + or ArrowUp keys, + possibly in combination with the Shift key. +
+ + This media feature reflects the combined ability + of the User Agent and of the device it is running on. + If a User Agent would be able to support either spatial or sequential navigation, + but is running on a device which does not have an input mechanism capable of triggering them, + the corresponding query must not match. + + +
+ For example, a TV browser operated solely through the D-pad on the remote control + would match + @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
+			 */
+		}
+
+
+