I have to use <a href to display twitter bootstrap link:
<a rel="tooltip" href="#" data-placement="right" data-original-title="Tooltip">Tooltip is here</a>
But I would like to avoid tab stop on such elements. Usage of tabindex="0" doesn’t help. How can I do the same?
You can set the tabindex to a higher value then all other elements of the page (unique way without js). Disabling this causes accessibility issues.
People use tabs to navigate between elements and some softwares use this as the navigation order among other factors. (More detail here: http://accessibleculture.org/articles/2010/05/tabindex). If your objective is hide this link from screen readers and people with some limitations, there’s no problem through.