HTML - 使用图像翻转链接仍然可以吗?

时间:2010-12-22 19:21:30

标签: html validation html5 accessibility w3c-validation

我有一个设计师真的想在主站点导航中使用图像作为字体。我不确定这会对验证辅助功能产生什么影响。

设计师告诉我,只要我们将文本放在Alt标签中就可以了。任何人都可以证实或驳斥这个吗?

感谢。

5 个答案:

答案 0 :(得分:3)

听起来像一个陷入黑暗时代的设计师。

是的,屏幕阅读器会读取alt属性,因此可以找到盲人。

然而,那些不使用屏幕阅读器但需要高对比度或高水平变焦的人将无法从中受益。

嵌入式链接和语义标记等内容也将丢失(当您在HTML中使用H1标记时,如何判断图像应该是标题?)。

还有其他一些困难,因为某些文本在alt属性中不像普通HTML那样容易表示。

到目前为止,这是关于可访问性的 - 不确定验证是如何进入的(它本身)。你能解释一下你对验证的意思吗?如果您正在谈论有效的HTML,那么只要图片有alt个标签,它们就会有效。

在网页中还有其他使用自定义字体的方法,例如@Font-Face CSS3选择器(适用于所有现代浏览器 - 包括IE7 +)。

答案 1 :(得分:3)

我是一个屏幕阅读器用户,与alt文本的immage链接运行良好,应该不是问题。如果你想强迫用户点击不属于链接的immage,虽然你可能会遇到问题,因为链接之间的标签导航不会发现用户应该与页面的特定区域进行交互。

答案 2 :(得分:1)

扯掉你的设计师! :)

切勿将图像用于文本。请改用@ font-face。

您可以转换字体@ http://www.fontsquirrel.com/fontface/generator

搜索引擎需要将文本作为......好...文本。

他们将使用alt文本,但重量远低于普通文本。

你真的不必使用图像,因为我已经说过使用@ font-face!

答案 3 :(得分:1)

如果你去拍摄图像,Alt标记它的方式,但记住它可能会带来一些SEO困难,需要更长的时间来加载,并且可能对某些用户来说是不切实际的。 (see also Oded's answer

我会推荐像google font api这样的东西,它非常兼容,你可以生成漂亮的字体/文字。

还有其他选择,但我不会说图像是要走的路。

答案 4 :(得分:0)

它应该只要相对定位并在dom中以正确的顺序相互跟随