1.5 KiB
1.5 KiB
id, title, challengeType, videoUrl, forumTopicId
| id | title | challengeType | videoUrl | forumTopicId |
|---|---|---|---|---|
| 587d778f367417b2b2512aae | 为链接添加描述性的文本 | 0 | https://scrimba.com/c/c437DcV | 301013 |
--description--
屏幕阅读器用户可以选择其设备读取的内容的类型，包括表示“跳转到”（或“跳过”）的元素，跳转到主要内容，或者从标题中获取页面摘要。用户还可以选择只听取页面中的超链接内容。
屏幕阅读器通过阅读链接文本（即 a 标签的内容文本）来完成这个操作。如果我们只在链接中写上 "click here"（点击这里）或者 "read more"（阅读更多），显然帮助有限。相反地，我们应该在 a 标签中使用简洁的描述性语言来为用户提供更多信息。
--instructions--
Camper Cat 在链接中使用的文本在脱离上下文的情况下，描述性不是很好。请修改 a 标签，将其包含的文本从 "click here" 改为 "information about batteries"。
--hints--
你应修改 a 标签，将其包含的文本从 "click here" 改为 "information about batteries"。
assert(
$('a')
.text()
.match(/^(information about batteries)$/g)
);
a 元素应该有一个 href 属性，且其属性值为空字符串 ""。
assert($('a').attr('href') === '');
a 元素应该有一个结束标签。
assert(
code.match(/<\/a>/g) &&
code.match(/<\/a>/g).length === code.match(/<a href=(''|"")>/g).length
);