Couldn't reach the solution

Tell us what’s happening:

please show me the solution, i don’t understand this.

Your code so far


<body>
  <header>
    <h1>Deep Thoughts with Master Camper Cat</h1>
  </header>
  <article>
    
    
    <h2><a button acccesskey="g" id="g" href="">The Garfield Files: Lasagna as Training Fuel?</a></h2>
    
    
    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
  </article>
  <article>
    
    
    <h2><a id="second" href="">Is Chuck Norris a Cat Person?</a></h2>
    
    
    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
  </article>
  <footer>&copy; 2016 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/67.0.3396.87 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/make-links-navigatable-with-html-access-keys

Your solution for first anchor

looks right, just remove the extra button prop, and also don’t override the id too, let it be the initial value as id=“first”

Now as you added the accesskey with correct value to first anchor, add accesskey to second anchor, with value c. And don’t override the id too, now try it should work.