Tabindex curriculum question

HTML-CSS
1

Tell us what’s happening:
Hey guys, So I completed this challenge, but just to test it out when I tab, the first thing that it marks is the “home” link button, can anyone explain to me how come?
Thanks

Your code so far


<body>
<header>
  <h1>Even Deeper Thoughts with Master Camper Cat</h1>
  <nav>
    <ul>
      <li><a href="">Home</a></li>
      <li><a href="">Blog</a></li>
      <li><a href="">Training</a></li>
    </ul>
  </nav>
</header>
<form>
  <label for="search">Search:</label>


  <input type="search" name="search" id="search" tabindex="1">
  <input type="submit" name="submit" value="Submit" id="submit" tabindex="2">


</form>
<h2>Inspirational Quotes</h2>
<blockquote>
  <p>&ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&rdquo;<br>
  - Chuck Norris</p>
</blockquote>
<blockquote>
  <p>&ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&rdquo;<br>
  - TMNT</p>
</blockquote>
<footer>&copy; 2018 Camper Cat</footer>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.75 Safari/537.36.

Challenge: Use tabindex to Specify the Order of Keyboard Focus for Several Elements

Link to the challenge:

2

Hi @TheOctagon3323 not sure What is your problem.

If you are talking about tab button in keyboard it highlight the intractable elements so that you can work without mouse.
It highlights things such as buttons, links, input fields :wink:
I hope this is what you are asking about

3

Hi @TheOctagon3323. This problem had occured to me also and I did’nt understand this chapter well. The elements with tabindex= 1 always gets the focus (says the challenge). But, if we test it with tab keys, the items at the top get focus first. I think this is only applicable to screen readers.
Thanks.