Prevent tabstop on A element (anchor link) in HTML

Question

Is it possible to cancel an <a href="..."> from being tabstopped in any browser? I would like to do this without Javascript.

Answer 1

Some browsers support the tabindex="-1" attribute, but not all of them, since this is not a standard behaviour.

Answer 2

Remove the href attribute from your anchor tag

Answer 3

Modern, HTML5 compliant, browsers support the [tabindex] attribute, where a value of -1 will prevent the element from being tabbed to.

If the value is a negative integer
The user agent must allow the element to be focused, but should not allow the element to be reached using sequential focus navigation.

Answer 4

I think you could do this by javascript, you override the window.onkeypress or onkeydown, trap the tab button, and set the focus at the desired order.

Answer 5

You could apply a JQuery handler to the element you want to target multiple elements with no tab stop.

$(document).ready(function () {
    $('.class').attr('tabindex', '-1');
});

Would be one way to do it....