TabStrip focus using keyboad navigation

[Ande2013]

If I open the demo at http://demos.kendoui.com/web/tabstrip/index.html and hit Tab to navigate using the keybard, I can see a blue margin highlighting that the TabStrip has focus. 

If I open the theme editor with the default theme, there is no indication that the TabStrip has focus. How can I get my TabStrib to provide feedback to the user that it has focus as the demo page does?

Thank you

[Petur Subev]

Hello Andreas,

I do not see any actual focus on the tabstrip when pressing tab.

http://jsbin.com/ehorog/1

What browser do you use? Basically browsers add a dotted border to the focused element. Anyway I do not see any added to any element of the tabstrip.

Regards,
Petur Subev
Telerik

[Ande2013]

I've just realised I was actually using two different browsers, I was seeing the blue border in Opera and then opening the other page with IE. You are right, in Internet Explorer there is never any blue border or any other indication that the TabStrip has focus. 

Is the intended behavior - that there is no indication of focus? From what I can see it is not very usable without a mouse?

[Ande2013]

You are right, in Internet Explorer there is never any blue border or any other indication that the TabStrip has focus. 

Is the intended behavior - that there is no indication of focus? From what I can see it is not very usable without a mouse?

[Ande2013]

 I was actually using two different browsers, I was seeing the blue border in Opra and then seeing the other page with Internet Explorer. 

[Ande2013]

 BTW, I was seeing the blue border in Opera.

[Petur Subev]

Hello Andreas,

All browsers display the indicator in slightly different ways, but the current consensus seems to be a soft, glowing blue line or a fine dotted black line.

To change that look you can use CSS rules, you can find different articles on the internet about this.

http://www.bettertesting.co.uk/content/?p=1636

Regards,
Petur Subev
Telerik

[Ande2013]

Thanks. I guess the main issue is that there is no focus indicator appearing in Internet Explorer at all.

I could not get IE to show the sort of blue outline around the entire tabstrip Opera shows.

But using a:focus { outline: 1px dotted; } as the article suggested does highlight the tab headers when I tab over them so it is more usable now.