interact-focus-209-t

Test Focusable Elements - tspan in a textArea

Each tspan has an animation that sets the fill to green upon receiving focus. The focus should be moved in turn to "A", "lonely", "pond", "in", "age-old", "stillness", "sleeps", "Apart," "unstirred by sound or motion", "... till", "Suddenly", "into", "it", "a", "lithe", "frog" and then "leaps".

For the test to pass:

• "A", "lonely", "pond", "in", "age-old", "stillness", "sleeps", "Suddenly", "into", "it", "a", "lithe", "frog" and "leaps" must each turn green respectively when given focus.
• "Apart" and "... till" must both turn green at the same time when each is given focus.
• "unstirred by sound or motion" must turn green when given focus and in addition "Apart" and "... till" must turn green at the same time due to focus bubbling.

In the 2nd line there are two nested tspan elements - "unstirred by sound or motion" is in the inner tspan, so focus should be received first by the outer two words "Apart", "till" and then by the inner phrase.

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.