In this example, wrapper is the focus navigation scope owner
- of a reading-flow-ordered focus navigation scope and a reading flow
- container. Its reading flow order is computed as follows:
In this example, wrapper is a reading-flow-ordered scope
+ owner, and thus has a reading-flow-ordered focus navigation scope. Its
+ reading flow order is computed as follows:
Per step 4, we get wrapper's rendering-defined sibling
- reading flow items as « A, F,
- C, H ».
First, we get wrapper's rendering-defined sibling reading
+ flow items as « A, F, C, H ».
Per step 5, we loop through items:
+Next, we loop through items:
A's focus navigation scope owner is wrapper, it is added to output.
A is in scope, so it's added to
+ output.
F's focus navigation scope owner is DC.
F is not in scope; its associated focus navigation
+ owner is DC.
Set item to be F's parent element within the
- flat tree, DC.
Set item to F's parent element within the
+ flat tree, which is DC.
DC's focus navigation scope owner is wrapper, it is added to output.
DC's is in scope, so it's added to
+ output.
C's focus navigation scope owner is DC.
C is not in scope; it's associated focus
+ navigation owner is also DC.
Set item to be C's parent element within the
- flat tree, DC.
Set item to C's parent element within the
+ flat tree, which is DC.
DC's focus navigation scope owner is wrapper, but it is already in output.
DC is in scope, but it's already in
+ output, so we do nothing.
H's focus navigation scope owner is wrapper, it is added to output.
H is in scope, so it's added to
+ output.
output is « output is now « A, DC, A, DC, H ».
Per step 6, we loop through the children of wrapper in tree order:
A is already in output.
DC is already in output.
PA's focus navigation scope owner is wrapper, it is added to output.
Finally, we loop through the children of wrapper in tree order.
H is already in output.
The only child that's in scope but not already in output is
+ PA; it gets added to output.
output is « A, DC, H, PA ».
output is now « A, DC, H, PA ».
Notice that DC is the focus navigation scope owner of a
- reading-flow-ordered focus navigation scope, but its reading flow
- container is still wrapper. Its reading flow order is
- computed as follows:
Notice that DC is also a reading-flow-ordered scope owner;
+ the reading flow order of its reading-flow-ordered focus navigation
+ scope is computed as follows:
Per step 4, we again get First, we compute Then, we again get Per step 5, we loop through items: Next, we loop through items: Set item to be wrapper's rendering-defined sibling
+ DC's reading flow container as
+ wrapper.wrapper's rendering-defined sibling
reading flow items as « A, F,
C, H ».
A's focus navigation scope owner is wrapper.A is not in scope; its associated focus navigation
+ owner is wrapper, not DC.
A's parent element within the
- flat tree, wrapper.wrapper.
While loop ends because item is the container.
While loop ends because item is container.
F's focus navigation scope owner is DC, it is added to output.
F is in scope so it's added to
+ output.
C's focus navigation scope owner is DC, it is added to output.
C is in scope so it's added to
+ output.
H's focus navigation scope owner is wrapper.
H is not in scope; its associated focus navigation
+ owner is wrapper, not DC.
Set item to be H's parent element within the
- flat tree, wrapper.
wrapper.While loop ends because item is the container.
While loop ends because item is container.
output is « F, C ».
output is now « F, C
+ ».
Per step 6, we loop through the children of Finally, we loop through the children of wrapper in tree order:
C is already in output.
F is already in output.
output is « F, C ».
There are no children that are not already in + output, so we add nothing to output.
A, C, F, PA and H are reading flow
- items. Each is the focus navigation scope owner of a tabindex-ordered
- focus navigation scope that does not follow the reading flow order. For example,
- the focus navigation scope of C will be « E, D » because E has a higher positive tabindex
- value than D.
Combining everything together, the flattened tabindex-ordered focus navigation scope
- for wrapper is « wrapper, A,
- B, DC, F, C, E, D, H,
- PA, G ».
Each of A, C, F, PA, and H are reading
+ flow items, and the focus navigation scope owner of a tabindex-ordered
+ focus navigation scope that does not follow the reading flow order. For
+ example, the tabindex-ordered focus navigation scope of C is
+ « E, D », because E has a
+ higher positive tabindex value than D.
Finally, when computing the flattened tabindex-ordered focus navigation scope of
+ wrapper, the two reading-flow-ordered focus navigation scopes we computed above, along with every
+ ordinary tabindex-ordered focus navigation scope previously mentioned, are all
+ recursively composed to form the following: « wrapper, A, B, DC, F, C, E, D,
+ H, PA, G ».