1. Home
  2. Departments
  3. Web服务
  4. 可访问性
  5. WCAG A标准

WCAG A标准

 

Non-distinguishable链接
当相同的文本用于指向不同目的地的链接时，会发生错误."
 
Example:
 

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

第一个“Admissions”链接指向Office Admissions根目录:
http://www.33pick.com/departments/admissions/

而第二个“招生”链接则指向索引.HTML文件:
http://www.33pick.com/departments/admissions/index.html

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

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

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


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

缺少图像替代文本
所有图片，包括展示图片，都应该包含alt标签.  如果图像是链接的 然后Alt标签应该说明链接的目的."
 
Example:
 

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

演出的图片:


非呈现(链接)图像:

 
如何修复该错误:
 

演出的图片:


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

表象的属性
当在html标签中使用表示属性而不是CSS时，会发生错误."
 
Example:
 

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

 
如何修复该错误:
 
  1. 使用CSS代替.
  2. 如果您需要帮助，请联系Web服务.
避免使用HTML粗体标签
请避免在您的网页上使用html粗体标签“b”. 你可以用 HTML“强”标签. 当您选择时，我们的CMS编辑器会自动使用“strong”标签 把一个字加粗."
 
Example:
 


Hello 

 
如何修复该错误: 


应该改成
Hello 

避免使用HTML斜体标签
请避免在网页上使用html斜体标签“I”. 相反，你可以使用 html“EM”标签. 当您选择时，我们的CMS编辑器会自动使用“EM”标签 把一个字变成斜体."
 
Example:
 


Hello  

  
如何修复该错误: 


应该改成 
Hello

头嵌套

标题应该用来组织页面，而不仅仅是格式化.

should follow

and if the size is not correct, apply an appropriate style like

to control the size."

正确的头部嵌套示例:


     


         


         


     


         



错误的头部嵌套示例:

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


     


         


         


如何修复该错误:

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