interact-focus-209-t

raster image of 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:

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.