Question

当validating某个网站收到以下错误时，我会收到许多图片：

img元素必须具有alt属性，但在某些条件下除外。有关详细信息，请参阅有关为图像提供替代文本的指导。

尽管我在代码中包含了alt标签，但仍然存在这一点：

<nav>
        <ul>
            <li><a href="index.php?page_id=7"><img src="<?php bloginfo('url'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/about.png" alt="about%20Z" /></a>
                <ul class="about">
                    <li><a href="index.php?page_id=35">ZR</a> |</li>
                    <li><a href="index.php?page_id=38"> RA</a> |</li>
                    <li><a href="index.php?page_id=40"> WM + SB</a> |</li>
                    <li><a href="index.php?page_id=42"> ZV</a></li>
                </ul><!-- end subs -->
            <li><a href="index.php?page_id=16"><img src="<?php bloginfo('url'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/blog.png" alt="ZB" /></a></li>
            <li><a href="index.php?page_id=13"><img src="<?php bloginfo('url'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/share.png" alt="swZ" /></a></li>
            <li><a href="index.php?page_id=9"><img src="<?php bloginfo('url'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/contact.png" alt="cZ" /></a></li>
            <li><a href="http://www.thezopateam.com/"><img src="<?php bloginfo('url'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/properties.png" alt="ZP" /></a>
                <ul class="properties">
                    <li><a href="http://www.thezopateam.com/">Buying</a> |</li>
                    <li><a href="index.php?page_id=46"> Selling</a></li>
                </ul><!-- end subs -->
            <li><a href="index.php?page_id=11"><img src="<?php bloginfo('url'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/gallery.png" alt="Zg" /></a></li>
        </ul>
    </nav>

任何想法可能导致这种/如何补救？感谢。

Answer 1

在您的代码中，alt

内的<img>似乎错过了<a>属性

<li>
   <a href="index.php?page_id=7">
      <img src="<?php bloginfo('url'); ?>"> <!-- Missing Alt Attribute -->
      <img src="<?php echo get_template_directory_uri(); ?>/img/about.png" alt="about%20Z" />
   </a>
...

大约有6个<img>个标签没有alt属性

Answer 2

如果选中“选项”下的“显示来源”，然后点击重新验证，您将能够确切了解这些问题的确切位置。

Answer 3

每个<img>代码都必须具有alt属性。验证器应该准确地告诉您哪些图像（哪些行）缺少alt属性。 Alt属性为无法查看/解析图像的人提供图像上下文（想想Google）。

很难肯定（因为您提供的是PHP，而不是HTML），但看起来这些<img src="<?php bloginfo('url'); ?>">中的每一个都缺少alt属性。

Answer 4

错误并没有特别与缺乏alt标签有关（因为它们在那里），而是由我的php中的错误触发。修复了错误，页面验证。

网站无法识别img alt标签

4 个答案: