<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements" rel="nofollow">use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/55.0.2883.87 Chrome/55.0.2883.87 Safari/537.36</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="    
    
&lt;body&gt;
&lt;header&gt;
  &lt;h1&gt;Even Deeper Thoughts with Master Camper Cat&lt;/h1&gt;
  &lt;nav&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Blog&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;&quot;&gt;Training&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/nav&gt;
&lt;/header&gt;
&lt;form&gt;
  &lt;label for=&quot;search&quot;&gt;Search:&lt;/label&gt;
  
  
  &lt;input type=&quot;search&quot; name=&quot;search&quot; id=&quot;search&quot; tabindex=&quot;1&quot;&gt;
  &lt;input type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;Submit&quot; tabindex=&quot;2&quot; id=&quot;submit&quot;&gt;
  
  
&lt;/form&gt;
&lt;h2&gt;Inspirational Quotes&lt;/h2&gt;
&lt;blockquote&gt;
  &lt;p&gt;&amp;ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&amp;rdquo;&lt;br&gt;
  - Chuck Norris&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
  &lt;p&gt;&amp;ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&amp;rdquo;&lt;br&gt;
  - TMNT&lt;/p&gt;
&lt;/blockquote&gt;
&lt;footer&gt;&amp;copy; 2016 Camper Cat&lt;/footer&gt;
&lt;/body&gt;
"><pre class="notranslate">    
    
<span class="pl-kos">&lt;</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">header</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">h1</span><span class="pl-kos">&gt;</span>Even Deeper Thoughts with Master Camper Cat<span class="pl-kos">&lt;/</span><span class="pl-ent">h1</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">nav</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">ul</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">href</span>=""<span class="pl-kos">&gt;</span>Home<span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">href</span>=""<span class="pl-kos">&gt;</span>Blog<span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">href</span>=""<span class="pl-kos">&gt;</span>Training<span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">ul</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;/</span><span class="pl-ent">nav</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">header</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">form</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">label</span> <span class="pl-c1">for</span>="<span class="pl-s">search</span>"<span class="pl-kos">&gt;</span>Search:<span class="pl-kos">&lt;/</span><span class="pl-ent">label</span><span class="pl-kos">&gt;</span>
  
  
  <span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">search</span>" <span class="pl-c1">name</span>="<span class="pl-s">search</span>" <span class="pl-c1">id</span>="<span class="pl-s">search</span>" <span class="pl-c1">tabindex</span>="<span class="pl-s">1</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">submit</span>" <span class="pl-c1">name</span>="<span class="pl-s">submit</span>" <span class="pl-c1">value</span>="<span class="pl-s">Submit</span>" <span class="pl-c1">tabindex</span>="<span class="pl-s">2</span>" <span class="pl-c1">id</span>="<span class="pl-s">submit</span>"<span class="pl-kos">&gt;</span>
  
  
<span class="pl-kos">&lt;/</span><span class="pl-ent">form</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>Inspirational Quotes<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">blockquote</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>&amp;ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&amp;rdquo;<span class="pl-kos">&lt;</span><span class="pl-ent">br</span><span class="pl-kos">&gt;</span>
  - Chuck Norris<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">blockquote</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">blockquote</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>&amp;ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&amp;rdquo;<span class="pl-kos">&lt;</span><span class="pl-ent">br</span><span class="pl-kos">&gt;</span>
  - TMNT<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">blockquote</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">footer</span><span class="pl-kos">&gt;</span>&amp;copy; 2016 Camper Cat<span class="pl-kos">&lt;/</span><span class="pl-ent">footer</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span></pre></div>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="It shows me that the code is correct but the preview on the right shows an error"><pre class="notranslate"><code class="notranslate">It shows me that the code is correct but the preview on the right shows an error
</code></pre></div>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/2115202/22183074/70e2df6c-e0b5-11e6-916b-449147dbeca5.png"><img src="https://cloud.githubusercontent.com/assets/2115202/22183074/70e2df6c-e0b5-11e6-916b-449147dbeca5.png" alt="schermata del 2017-01-22 14 57 40" style="max-width: 100%;"></a></p>
<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/applied-accessibility/add-an-accessible-date-picker" rel="nofollow">add-an-accessible-date-picker</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<p dir="auto">The code result includes additional lines of code<br>
Browser: Google Chrome<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/16070564/22173627/32a45ba8-dfda-11e6-91ef-3b00bc38fa2b.PNG"><img src="https://cloud.githubusercontent.com/assets/16070564/22173627/32a45ba8-dfda-11e6-91ef-3b00bc38fa2b.PNG" alt="bugfcc" style="max-width: 100%;"></a></p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="    
    
&lt;body&gt;
&lt;header&gt;
  &lt;h1&gt;Tournaments&lt;/h1&gt;
&lt;/header&gt;
&lt;main&gt;
  &lt;section&gt;
    &lt;h2&gt;Mortal Combat Tournament Survey&lt;/h2&gt;
    &lt;form&gt;
      &lt;p&gt;Tell us the best date for the competition&lt;/p&gt;
      &lt;label for=&quot;pickdate&quot;&gt;Preferred Date (MM-DD-YYYY):&lt;/label&gt;
      
      &lt;!-- Add your code below this line --&gt;
      &lt;label for=&quot;date&quot;&gt;Enter date (MM-DD-YYYY):&lt;/label&gt;
      &lt;input type=&quot;date&quot; id=&quot;pickdate&quot; name=&quot;date&quot;&gt;
      
      &lt;!-- Add your code above this line --&gt;
      
      &lt;input type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;Submit&quot;&gt;
    &lt;/form&gt;
  &lt;/section&gt;
&lt;/main&gt;
&lt;footer&gt;&amp;copy; 2016 Camper Cat&lt;/footer&gt;
&lt;/body&gt;

    ```
    "><pre class="notranslate">    
    
<span class="pl-kos">&lt;</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">header</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">h1</span><span class="pl-kos">&gt;</span>Tournaments<span class="pl-kos">&lt;/</span><span class="pl-ent">h1</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">header</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">main</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">section</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>Mortal Combat Tournament Survey<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">form</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Tell us the best date for the competition<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">label</span> <span class="pl-c1">for</span>="<span class="pl-s">pickdate</span>"<span class="pl-kos">&gt;</span>Preferred Date (MM-DD-YYYY):<span class="pl-kos">&lt;/</span><span class="pl-ent">label</span><span class="pl-kos">&gt;</span>
      
      <span class="pl-c">&lt;!-- Add your code below this line --&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">label</span> <span class="pl-c1">for</span>="<span class="pl-s">date</span>"<span class="pl-kos">&gt;</span>Enter date (MM-DD-YYYY):<span class="pl-kos">&lt;/</span><span class="pl-ent">label</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">date</span>" <span class="pl-c1">id</span>="<span class="pl-s">pickdate</span>" <span class="pl-c1">name</span>="<span class="pl-s">date</span>"<span class="pl-kos">&gt;</span>
      
      <span class="pl-c">&lt;!-- Add your code above this line --&gt;</span>
      
      <span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">submit</span>" <span class="pl-c1">name</span>="<span class="pl-s">submit</span>" <span class="pl-c1">value</span>="<span class="pl-s">Submit</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">form</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;/</span><span class="pl-ent">section</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">main</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">footer</span><span class="pl-kos">&gt;</span>&amp;copy; 2016 Camper Cat<span class="pl-kos">&lt;/</span><span class="pl-ent">footer</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>

    ```
    </pre></div>