Can I ignore some website element when navigating using the tab key?

html css accessibility tabindex
thor picture thor · May 3, 2010 · Viewed 16.1k times · Source

As question really. I have an input box on my page that I would like to ignore when navigating using the keyboard tab key.

I'm using this input box as a simple bot honeytrap and positioning it off the page, so at the moment when using the tab key, it looks to the user as though nothing has focus when they tab to this element.

Answer

Nick Craver picture Nick Craver · May 3, 2010

You can set the tabindex="-1" on this element so it's ignored in the tab order. 0 tells the browser to figure out the tab order on it's own, -1 tells the browser to ignore it.

Related questions

Styling disabled <select> (dropdown boxes) in HTML

One of our customers has a hard time reading the grey text in disabled controls in our web-based application: We would like to change the style to a light grey background and a black text. Unfortunately, most browsers (including IE, …

Read More
How can I add new line/linebreak character in title attribute in HTML

I am using this <a href="#" title="select from 1: this 2: that" > Click here </a> When someone hover over it I see all the text in one line. Is there any way to show it on new …

Read More
Is there an equivalent to the "alt" attribute for div elements?

Screenreaders will read whatever string is set to the "alt" attribute. The use of this attribute is specifically for image tags. If I have a div like so: <div id=myCoolDiv tabindex="0"> 2 <div> Is there a …

Read More