WCAG 2.0：技术H30

Question

我正在阅读WCAG 2.0 Technique H30。

程序说：

  

对于使用此技术的内容中的每个链接：

     

  
1. 检查非文本内容的文本或文本替代方法          包含在元素
中   
2. 如果img元素是a元素的唯一内容，请检查   它的文字替代描述了目的       链接
  
3. 如果a元素包含一个或多个img元素和文本   img元素的替代品是空的，       检查一下           文本                  该链接描述了链接的目的
  
4. 如果a元素仅包含文本，请检查文本是否描述   链接的目的
  

我专注于第2点：如果img具有alt属性但没有文字替代方案会怎么样？

例如，以下代码

<a href="http://www.mystite.com"> 
  <img src="http://www.mystite.com/myimage.jpg" alt="Description of the image" />
</a>

满足技术吗？

Answer 1

我会说你的例子不符合这项技术。

您的a元素仅包含img元素。根据H30，此图像的alt属性应包含有关链接目标的信息，而不包含图像本身的信息。

http://www.w3.org/TR/WCAG20-TECHS/H30.html#H30-description：

  

当图像是链接的唯一内容时，图像的文本替代描述链接的唯一功能。

Answer 2

根据我的理解，alt属性是描述图像的文本'alt'。如果您将鼠标悬停在图像上并且如果没有渲染图像或者用户正在使用文本到语言翻译器，则会出现这种情况。对此的一个很好的参考是我在SO上找到的另一个问题。它有助于展示如何去做。它可以在Here找到。

所以回答你的问题，以及我的理解，是的，你给出的例子确实符合规则

我希望这有帮助！