[csswg-drafts] [css-ui] Add a property controlling the navigation order

SebastianZ has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-ui] Add a property controlling the navigation order ==
As explained in https://github.com/w3c/csswg-drafts/issues/1748#issuecomment-324283133, the tab order is currently defined by the [element order within the DOM](https://html.spec.whatwg.org/multipage/interaction.html#sequential-focus-navigation).

If elements are placed in a different visual order, e.g. via `display: flex; flex-direction:row-reverse;`, then the order may not make sense.

Therefore, there should be a property that allows you to control the general navigation order to focus the elements in visual order, like

```css
nav-order: strutural | visual;
```

where `structural` is the default value (behavior the same as defined in the HTML spec.), while `visual` creates a default navigation order following the visual placement of the elements considering the writing mode, i.e. for LTR languages the order would be from left to right, for RTL languages from right to left.

Sebastian

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1764 using your GitHub account

Received on Tuesday, 29 August 2017 10:11:35 UTC