interact-focus-208-t

Test Focusable Elements - tspan Element

Each tspan has an animation that sets the fill to green upon receiving focus. The focus should be moved in turn to "Old", "pond", "frogs", "jumped", "in", "sound", "of" and then "water".

For the test to pass:

• "Old", "pond", and "sound", "of" and "water" must each turn green respectively when given focus.
• "frogs" and "in" must both turn green at the same time when each is given focus.
• "jumped" must turn green when given focus and in addition "frogs" and "in" must turn green at the same time due to focus bubbling.

In the 2nd phrase there are two nested tspan elements: "jumped" is in the inner tspan, so focus should be received by the outer two words "frogs", "in" and then by the word "jumped".

Focus navigation is user agent dependant but typically is navigated with the keyboard keys.

TAB or arrow keys move the focus while the ENTER key activates the focused element.