WCAG A标准
Non-distinguishable链接
例子:
如何修复该错误:
当相同的文本用于指向不同目的地的链接时,会发生错误."
例如,如果文本“招生”在你的网页上使用两次,就会出现错误
它连接到不同的目的地. 这是如何发生的:
第一个“招生”链接指向Office 招生根目录:
http://21h.herosee.net/departments/admissions/
而第二个“招生”链接则指向索引.HTML文件:
http://21h.herosee.net/departments/admissions/index.html
虽然它们将到达相同的位置,但一些阅读器应用程序将处理
链接指向不同的目的地.
- 始终确保使用指向目标的OU依赖标记创建链接
网站根目录,而不是直接指向索引文件.
- 如果你链接到单独的目标源,那么确保互联网用户使用
屏幕阅读器可以通过以下操作之一来区分链接:
- 链接文本是唯一的. 例如“本科招生” & “研究生招生” 而不是“招生”.
- 使用aria-label*属性在链接对象上放置描述性文本标签.
- 除了使用aria-label,确保你的链接标题使用一个唯一的值.
什么是aria-label?
Aria-label帮助读者覆盖链接中提供的文本.
表象的属性
例子:
如何修复该错误:
当在html标签中使用表示属性而不是CSS时,会发生错误."
例如,如果“align”、“bgcolor”和“border”表示,则会出现错误
属性在HTML标签中使用,如“table”或“img”. 下面是一个例子:
- 使用CSS代替.
- 如果您需要帮助,请联系Web服务.
避免使用HTML粗体标签
例子:
请避免在您的网页上使用html粗体标签“b”. 你可以用 HTML“强”标签. 当您选择时,我们的CMS编辑器会自动使用“strong”标签 把一个字加粗."
Hello
如何修复该错误:
应该改成
Hello
避免使用HTML斜体标签
例子:
请避免在网页上使用html斜体标签“I”. 相反,你可以使用 html“EM”标签. 当您选择时,我们的CMS编辑器会自动使用“EM”标签 把一个字变成斜体."
Hello
如何修复该错误:
应该改成
Hello
头嵌套
标题应该用来组织页面,而不仅仅是格式化.should follow
and if the size is not correct, apply an appropriate style like
to control the size."
正确的头部嵌套示例:
错误的头部嵌套示例:
当用户试图使用不合适的标题进行样式化时,就会出现这种情况.
如何修复该错误:
相反,使用样式标题来控制字体的大小和样式来实现
相同的外观,但实现适当的头嵌套: