freeCodeCamp/guide/english/certifications/responsive-web-design/applied-accessibility/make-links-navigatable-with.../index.md

18 lines
638 B
Markdown
Raw Normal View History

2018-10-12 19:37:13 +00:00
---
title: Make Links Navigatable with HTML Access Keys
---
## Make Links Navigatable with HTML Access Keys
Following the instructions:
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).
the lines 8 and 16 become:
```css
<h2><a id="first" accesskey="g" href="">The Garfield Files: Lasagna as Training Fuel?</a></h2>
```
```css
<h2><a id="second" accesskey="c" href="">Is Chuck Norris a Cat Person?</a></h2>
```
In this way the links around the two blog article titles to have keyboard shortcuts so his site's users can quickly navigate to the full story.