Learn Accessibility by Building a Quiz - Step 67

Tell us what’s happening:

Your code so far

I don’t understand how to use the access keys.

Give each of the navigation links a single-letter access key.

<ul>
          <li><a href="#student-info">INFO</a></li>
          <li><a href="#html-questions">HTML</a></li>
          <li><a href="#css-questions">CSS</a></li>
  </ul>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 67

Link to the challenge:

1 Like

Access keys are attribute that can be placed in HTML elements.

It is not a visual attribute but its gives the functionality of navigating your website with your keyboards.

You can try this by adding accesskey attribute to your anchor element, and give the value of a single character

Accesskey works like a shortcut,

if the value of accesskey is for example "1", you are creating a shortcut which in most browser can be accessed using Alt+1.

The key modifier can be different in some browsers, but its usually either Alt+1 or Alt+Shift+1.

After implementing the accesskey, you should be able to press the anchor element using the access key without using your mouse

Hope that helps :heart:

1 Like

Thanks for this reply. But how do I put it in my code?

1 Like

Accesskey is an attribute. You know how to put attribute into elements right? :grin:

Hint: Just like how you put href attribute into anchor elements :eyes:

2 Likes

Ohh! I get it now. Thanks!

1 Like