gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
73d104d78ffcc6dea00d69d0ac75d88d5b8b2016
freeCodeCamp/guide/english/certifications/responsive-web-design/applied-accessibility/make-links-navigable-with-html-access-keys/index.md
Randell Dawson 7164d9a797 fix(guide): Added solutions and some hints and problem explanations for curriculum related Guide articles being ported over to forum (#36545) 
* 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
2019-08-01 14:16:54 +02:00

724 B
Raw Blame History

title
title
Make Links Navigable with HTML Access Keys

Make Links Navigable with HTML Access Keys

Solutions

Solution 1 (Click to Show/Hide)

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:

<h2><a id="first" accesskey="g" href="">The Garfield Files: Lasagna as Training Fuel?</a></h2>

<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.