Make Links Navigatable with HTML Access Keys

HTML-CSS
1

Tell us what’s happening:

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>
    
    
    <button accesskey="c"><h2><a id="second" href="">Is Chuck Norris a Cat Person?</a></h2></button>
    
    
    <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 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36.

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

2

whats the problem ? How we suppose to help you if you don’t explain the problem in first hand

3

remove the button completely…and put the accesskey=“g or c” after the href in the a tag

3 Likes
4

hope what I really typed shows up

5

Thanks, BlueFInch - I was having the same problem with this exercise and your answer was clear enough for me to understand!!! You saved my sanity tonight!!!

1 Like
6

image
here the solution wich work

1 Like
7

Thank you, your method has worked.