I am using a img tag. Usually image doesn't get included in the TAB navigation flow. So i have set the "tabindex" attribute of img tag as 0 so that it gets included in the flow. I have disabled it. In this case, in IE, this img is not getting focused. Whereas in FF and Chrome, it gets focused though disabled. My observations is, an element with tabindex=0 , though enabled or disabled, gets included in the TAB navigation flow in webkit.
How to overcome this.
Original code:
<img id="_arrowdown" tabindex='0' src="icons/ArrowDown.png"/>
Tried Fix:
<img id="_arrowdown" tabindex='0' src="icons/ArrowDown.png" onFocus="if(document.getElementById('_arrowdown').disabled == true){return false;}" disabled='true'>
But this fix doesn't work.