WCAG A Standards

 

Non-distinguishable Links

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

例如,如果文本“招生”在你的网页上使用两次,就会出现错误 它连接到不同的目的地.   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

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

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

    1. Link text is unique.  例如“本科招生” & "Graduate 招生" instead of "招生".
    2. 使用aria-label*属性在链接对象上放置描述性文本标签.  
    3. 除了使用aria-label,确保你的链接标题使用一个唯一的值. 


* What is aria-label?
   Aria-label帮助读者覆盖链接中提供的文本.

Missing Image Alternative Text

所有图片,包括展示图片,都应该包含alt标签.  If image is linked 然后Alt标签应该说明链接的目的."
 
例子:
 

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

Presentational images:


非呈现(链接)图像:

 
How to fix the error:
 

Presentational images:


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

Presentational Attributes

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

例如,如果“align”、“bgcolor”和“border”表示,则会出现错误 属性在HTML标签中使用,如“table”或“img”.  Here is an example:

 
How to fix the error:
 
  1. Use CSS instead.
  2. 如果您需要帮助,请联系Web服务.
Avoid HTML Bold Tags

请避免在您的网页上使用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 

Avoid HTML Italic Tags

请避免在网页上使用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:

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