通过编写小测验学习无障碍 - 步骤 46

Chinese 中文 HTML-CSS
1

**告诉我们发生了什么：关于视觉可访问性的主题，元素之间的对比是一个关键因素。 例如，标题的文本和背景之间的对比度应至少为 4.5:1。

将列表元素中所有锚元素的字体颜色更改为对比度至少为 7:1。

你目前的代码

<nav>
        <ul>
          <li><a href="#student-info">INFO</a></li>
          <li><a href="#html-questions">HTML</a></li>
          <li><a href="#css-questions">CSS</a></li>
        </ul>
      </nav>

警告

挑战的种子代码和/或你的解决方案超过了我们从挑战传送的最大长度。

你需要在此采取额外步骤，以确保你写的代码可以轻松地被阅读。

请复制/粘贴所有在挑战中编辑器所显示的代码。

用你的复制代码替换这两句。
请保留上方的 ``` 行和下方的 ``` 行
因为它们允许你的代码在帖子中被正确格式化。

你的浏览器信息：

用户代理是： Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36 Core/1.94.201.400 QQBrowser/11.9.5325.400

挑战： 通过编写小测验学习无障碍 - 步骤 46

挑战的链接：

2

首先要了解 WCAG标准 对比度
https://webaim.org/resources/contrastchecker/ 这种工具可以计算出值

列表元素中所有锚元素是指 li > a

li > a {
  color:  ;
  background-color: ;
}

你可以通过上面的网址生成选择