7164d9a797
* fix: added info and solutions for stubs * fix: made title match main header * fix: removed wrong closing tag Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * fix: added closing tag Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * fix: corrected solution Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * fix: changed verbiage Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * fix: added code tags Co-Authored-By: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * fix: added solution
25 lines
724 B
Markdown
25 lines
724 B
Markdown
---
|
|
title: Make Links Navigable with HTML Access Keys
|
|
---
|
|
# Make Links Navigable with HTML Access Keys
|
|
|
|
|
|
---
|
|
## Solutions
|
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
|
|
|
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.
|
|
</details>
|