freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.md

---
id: 587d778f367417b2b2512aae
title: 使用描述性链接文本赋予链接含义
challengeType: 0
videoUrl: 'https://scrimba.com/c/c437DcV'
forumTopicId: 301013
---

# --description--

屏幕阅读器用户可以选择其设备读取的内容的类型，这包括跳转到（或跳过）标志标签，跳转到主要内容，或者从标题中获取页面摘要，还可以选择只听取页面中的有效链接。

屏幕阅读器通过阅读链接文本或者锚点标签（`a`）之间的内容来完成这个操作。使用 "click here" 或者 "read more" 作为链接文本并没有多少帮助。相反地，应该在`a`标签中使用简洁的描述性语言来为用户提供更多的信息。

# --instructions--

Camper Cat 在链接中使用的文本在脱离上下文的情况下，描述性不是很好。请修改锚点标签（`a`），将其包含的文本从 "click here" 改为 "information about batteries"。

# --hints--

请修改`a`标签，将其包含的文本从 "click here" 改为 "information about batteries"。

```js
assert(
  $('a')
    .text()
    .match(/^(information about batteries)$/g)
);
```

`a`元素应该有一个`href`属性，且值为空字符串

```js
assert($('a').attr('href') === '');
```

`a` 元素应该有一个结束标记

```js
assert(
  code.match(/<\/a>/g) &&
    code.match(/<\/a>/g).length === code.match(/<a href=(''|"")>/g).length
);
```

# --solutions--