Using Access Keys to Ease Navigation

HTML-CSS
1

Hey Everyone,

So, I think I’m almost done with this challenge, but I just need a second pair of eyes on it. I really feel like I’ve done what the challenge has asked me to do! What am I missing?

Requirements:

Your code should add an accesskey attribute to the a tag with the id of “first”.
Your code should add an accesskey attribute to the a tag with the id of “second”.
Your code should set the accesskey attribute on the a tag with the id of “first” to “g”. Note that case matters.
Your code should set the accesskey attribute on the a tag with the id of “second” to “c”. Note that case matters.

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?</a></h2></button>
    
    
    <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?</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 (Macintosh; Intel Mac OS X 10.11; 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

Hi,
The example may have been confusing. The example uses an accesskey on a button element but you can use accesskey on other elements too.

In this case they were looking for an accesskey attribute on the link <a> elements.