Make Links Navigatable with HTML Access Keys - 2 [SOLVED]

HTML-CSS
1

Tell us what’s happening:

My Code is registering as adding an access key (as it should) but for some reason it is not registering for the 2nd part of the challenge, setting the key to “g” and “c”

Your code so far


<body>
  <header>
    <h1>Deep Thoughts with Master Camper Cat</h1>
  </header>
  <article>
    
    
    <h2><a id="first" href="" accesskey=“g”>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="" accesskey=“c”>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; rv:61.0) Gecko/20100101 Firefox/61.0.

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

2

It appears you might have copied an pasted the accesskey/value from somewhere else instead of typing it out. You will notice your code has curly double quotes surrounding the accesskeys’ values. Only straight double quotes or single quotes are valid html syntax.

1 Like
3

Yep, that was the issue. Thanks for the catch!