2018-10-12 15:37:13 -04:00
|
|
|
---
|
2019-08-01 05:16:54 -07:00
|
|
|
title: Make Links Navigable with HTML Access Keys
|
2018-10-12 15:37:13 -04:00
|
|
|
---
|
2019-08-01 05:16:54 -07:00
|
|
|
# Make Links Navigable with HTML Access Keys
|
2019-07-24 00:59:27 -07:00
|
|
|
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
## Solutions
|
|
|
|
|
|
|
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
2018-10-12 15:37:13 -04:00
|
|
|
|
|
|
|
|
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.
|
2019-07-24 00:59:27 -07:00
|
|
|
</details>
|
