如何修复可访问性A级和AA级错误

问题描述

如今，大多数站点都旨在实现可访问性合规性。我安装了Google chrome Wave工具，以检查我的网站上的A级和AA错误。我看到类似以下的错误，但似乎没有确切的解决方案。

1。结构元素|存在无序（项目符号）列表（元素）。

2。对比错误|前景色和背景色之间的对比度很低。

3。功能|链接内的图像会显示替代文本。

4.ARIA |存在aria-label或aria-labelledby属性。

5。结构要素|存在元素或导航地标。

6。结构元素|存在元素或主要地标。

如果我尝试用ol替换ul，它会给我类似“存在有序（项目符号）列表（元素）的错误”的提示。

将导航呈现为纯链接不会提供任何语义含义；这表明您的导航是一句话，值得一读。通过在列表中提供链接，可以提示我们如何解释这一系列超文本链接的单词。（参考链接：Unordered lists and accessibility）

那我们该如何解决这些错误？

更新 目前我的代码看起来像

<ul class="header links">
<li>
<a href="https://base_url/customer/account/create/">Create Account</a></li>
<li class="authorization-link" data-label="or">
<a href="https://base_url/customer/account/login/referer/">Log in</a>
</li>
</ul>

如果查看屏幕快照的左侧栏，则会看到A级错误。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）