freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/make-links-navigable-with-h...

1.4 KiB
Raw Blame History

id title challengeType videoUrl forumTopicId
587d7790367417b2b2512aaf 通过给元素添加 accesskey 属性来让用户可以在链接之间快速导航 0 https://scrimba.com/c/cQvmaTp 1

--description--

HTML 提供 accesskey 属性,用于指定激活元素或者使元素获得焦点的快捷键。这可以让键盘用户的导航更加便捷。

HTML5 允许在任何标签上使用这个属性。该属性尤其适用于链接、按钮、表单组件等元素。

举个例子:

<button accesskey="b">Important Button</button>

--instructions--

Camper Cat 希望为他两篇博客的标题链接设置快捷键,以使用户可以快速导航到文章的全文。请为这两个链接添加 accesskey 属性,并将第一个的属性值设置为 "g"(表示 Garfield将第二个的属性值设置为 "c"(表示 Chuck Norris

--hints--

id 为 "first" 的 a 标签应具有 accesskey 属性。

assert($('#first').attr('accesskey'));

id 为 "second" 的 a 标签应具有 accesskey 属性。

assert($('#second').attr('accesskey'));

id 为 "first" 的 a 标签的 accesskey 属性值应为小写的 "g"。

assert($('#first').attr('accesskey') == 'g');

id 为 "second" 的 a 标签的 accesskey 属性值应为小写的 "c"。

assert($('#second').attr('accesskey') == 'c');

--solutions--