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