Make Links Navigatable with HTML Access Key

HTML-CSS
1

Tell us what’s happening:
Accesskey added as directed yet there is a problem but cannot figure out where.

Your code so far


<body>
  <header>
    <h1>Deep Thoughts with Master Camper Cat</h1>
  </header>
  <article>
       
    
    <h2><a id="first" href=""><button accesskey="g">The Garfield Files: Lasagna as Training Fuel?</button></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=""><button accesskey="c">Is Chuck Norris a Cat Person?</button></a></h2>
    
    
     Create a new Topic

    <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 (X11; Ubuntu; Linux x86_64; rv:60.0) Gecko/20100101 Firefox/60.0.

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

2

Consider this portion of the instructions again:

Add an accesskey attribute to both links and set the first one to “g” (for Garfield) and the second one to “c” (for Chuck Norris).

“To both links” means to the <a> elements themselves.

1 Like
3

Thank You . It worked.

4

Great! :clap: Good luck going forward.