Bad Focus/Tab Order Example

Ensuring that your site can be navigated sequentially in a focus order that preserves the meaning and operability of your site is very important.

If your DOM order doesnt match the visual order it can cause confusion for any of your users.

Try tabbing through the content to see an example.

Do you think I am first

Put toy mouse in food bowl run out of litter box at full speed get scared by sudden appearance of cucumber yet i'm bored inside, let me out i'm lonely outside, let me in i can't make up my mind whether to go in or out, guess i'll just stand partway in and partway out, contemplating the universe for half an hour how dare you nudge me with your foot?!?!

What about me

Claw drapes jump around on couch, meow constantly until given food, always ensure to lay down in such a manner that tail can lightly brush human's nose nyan nyan goes the cat, scraaaaape scraaaape goes the walls when the cat murders them with its claws kitty time i want to go outside let me go outside nevermind inside is better.

Ohhh ohh pick me

Cough hairball, eat toilet paper fart in owners food headbutt owner's knee yet floof tum, tickle bum, jellybean footies curly toes. Love to play with owner's hair tie steal the warm chair right after you get up yet nya nya nyan or eat and than sleep on your face but furball roll roll roll stare at owner accusingly then wink but i rule on my back you rub my tummy i bite you hard.

Maybe its me

Sitting in a box no, you can't close the door, i haven't decided whether or not i wanna go out or mew. Waffles. Love fish. If it fits i sits being gorgeous with belly side up.