WCAG A标准

 

Non-distinguishable链接

当相同的文本用于指向不同目的地的链接时,会发生错误."
 
例子:
 

例如,如果文本“招生”在你的网页上使用两次,就会出现错误 它连接到不同的目的地.   这是如何发生的:

第一个“招生”链接指向Office 招生根目录:
http://21h.herosee.net/departments/admissions/

而第二个“招生”链接则指向索引.HTML文件:
http://21h.herosee.net/departments/admissions/index.html

虽然它们将到达相同的位置,但一些阅读器应用程序将处理 链接指向不同的目的地.  

 
如何修复该错误:
  
  1. 始终确保使用指向目标的OU依赖标记创建链接 网站根目录,而不是直接指向索引文件.
     
  2. 如果你链接到单独的目标源,那么确保互联网用户使用 屏幕阅读器可以通过以下操作之一来区分链接:

    1. 链接文本是唯一的.  例如“本科招生” & “研究生招生” 而不是“招生”.
    2. 使用aria-label*属性在链接对象上放置描述性文本标签.  
    3. 除了使用aria-label,确保你的链接标题使用一个唯一的值. 


什么是aria-label?
   Aria-label帮助读者覆盖链接中提供的文本.

缺少图像替代文本

所有图片,包括展示图片,都应该包含alt标签.  如果图像是链接的 然后Alt标签应该说明链接的目的."
 
例子:
 

如果您缺少图像中的可选文本属性,将会出现错误 标签.   例如:

演出的图片:


非呈现(链接)图像:

 
如何修复该错误:
 

演出的图片:


非呈现(链接)图像:
go
                                    to the setup page

表象的属性

当在html标签中使用表示属性而不是CSS时,会发生错误."
 
例子:
 

例如,如果“align”、“bgcolor”和“border”表示,则会出现错误 属性在HTML标签中使用,如“table”或“img”.  下面是一个例子:

 
如何修复该错误:
 
  1. 使用CSS代替.
  2. 如果您需要帮助,请联系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."

正确的头部嵌套示例:


     


         


         


     


         



错误的头部嵌套示例:

当用户试图使用不合适的标题进行样式化时,就会出现这种情况.


     


         


         


如何修复该错误:

相反,使用样式标题来控制字体的大小和样式来实现 相同的外观,但实现适当的头嵌套: