测试你的技能：CSS 和 JavaScript 无障碍性

在第一个任务中，您将看到一个链接列表。但它们的无障碍性非常差——您无法真正识别出它们是链接，也无法知道用户当前关注的是哪个链接。

我们希望您假设现有的使用a选择器的规则集是由某个 CMS 提供的，您无法更改它——相反，您需要创建新的规则，使链接看起来像链接，并且用户能够辨别它们在列表中的位置。

尝试更新下面的实时代码以重新创建完成的示例。

在接下来的任务中，您将看到一些简单的内容——只有标题和段落。文本的颜色和大小存在无障碍性问题；我们希望您

1. 解释问题是什么，以及哪些指南规定了颜色和大小的允许值。
2. 为颜色和字体大小选择新的值来解决问题。
3. 使用这些新值更新 CSS 以解决问题。
4. 测试代码以确保问题已解决。解释您使用哪些工具或方法来选择新值并测试代码。

尝试更新下面的实时代码以重新创建完成的示例。

在我们的最后一个任务中，您需要进行一些 JavaScript 操作。我们有一个简单的应用程序，它显示了一个动物名称列表。点击其中一个动物名称，将在列表下方的一个框中显示该动物的详细描述。

但它不是非常无障碍——在当前状态下，您只能用鼠标操作它。我们希望您在 HTML 和 JavaScript 中添加内容，以使其也支持键盘操作。