我可以使用相同的值alt =" name"单页中的两个或更多img html元素?

时间:2016-05-13 19:04:23

标签: html html5 accessibility w3c w3c-validation

我在一个页面中使用了两个徽标,而我的代码是

#!/home/gjordan904/public_html/modernage/ModernAge/bin/python

import cgi
import cgitb
cgitb.enable(logdir='/home/gjordan904/public_html/modernage/cgi-bin')

form = cgi.FieldStorage()
email = form.getValue('email')
subject = form.getValue('subject')
message = form.getValue('message')

print("Content-type: text/html")
print()

print("""<html>
<body>
<h1>""")

print(email)

print("""</h1>
</body>
</html>""")

<img src="img/logo/logo-black.png" alt="logo" class="logo-white"/>

当我验证此代码时,我收到以下消息,我不确定这是否是错误。看一下屏幕截图,让我知道有关的消息。 w3c report

3 个答案:

答案 0 :(得分:4)

验证基本上说明了这一点:

您的HTML IS从技术角度进行验证,解析时不会遇到任何软件问题,但重复"\n"的情况很可能无法准确地表示您的图片,哪些会导致如果无法加载图像,或者屏幕阅读器对图像的解释错误,则信息不正确。

但是,如果您100%确定您的图片完全相同,那么使用相同的ALT文字应该不错。

答案 1 :(得分:2)

只要文字有意义,您就可以完美地使用相同的替代文字。

例如:

<img src="jack1.jpg" alt="Portrait of Jack Smith" />
<img src="jack2.jpg" alt="Portrait of Jack Smith" />

徽标之类的替代文字没有意义,您应该将其替换为某些公司名称的徽标或空白替代{ {1}}如果图像用于装饰目的

答案 2 :(得分:1)

alt标记是替代文字。这是在图像未加载时显示的。

您“可以”使用相同的alt,但不应该

alt应始终是描述图像内容的有意义的行。

如果用户的网页加载速度不够快,他会看到alt代码,该怎么办?或者,如果您的页面被浏览器解析以便在视觉上受到影响,该怎么办?

始终为图片使用有意义的替代文字标记,以便至少看不到图像的用户可以了解应该显示在哪里的内容。 < / p>