网站建设中的图片应用技巧

日期:2011年06月04日

屏幕阅读器,或审稿人,是人谁是盲目的。 这些援助使屏幕上的信息合成语音或点字显示器可用。 他们只能翻译文本信息。

图像可以被翻译,如果有替代文字描述的图像。

使用替代文字(ALT)的提示属性在图像标签:

  • 要添加可选文字图像,直接将其加入“Alt”键在您的图片标签属性
  • 考虑增加一个在alt属性的文本的末尾期,因此,有人听到这个页面可以告诉其中一个,另一个形象开始停止
  • 考虑编号与在“alt”属性的文本数量开始您的图片或影像地图的链接,这有助于定位的人听到这个页面
  • 如果你有文本链接彼此相邻,单独用一个空间和时间,或竖线联系,这样一来,有人听到这个页面可以告诉其中一个环节停止,另一个开始

标准图像

始终包含在图像替代文字标记的属性。

例如:

<IMG SRC="logo.gif" ALT="company logo">

如果图像并不重要,替代文本属性设置为空。

例如:

<IMG SRC="dot.gif" ALT="">

动画图像

包括替代文字来描述每一个动画帧图像。

如果您使用IE浏览器,悬停在按钮上的鼠标指针,和一个小的文本框应该出现显示替代文字信息。

经过3循环,动画按钮将停止转动。 点击Web浏览器,重新启动动画“刷新”。

图片连结

当图像作为链接使用,包括其他国家的确切文字,图像中包含的标签。 例如,如果图像链接说:“搜索”替代文字也应该是“搜索”。

不包括额外的信息。 例如,对于图像链接,上面写着搜索,不要使用短语“点击这里进行搜索。”

提交并输入图像

当图像被用作提交表单上的按钮,包括等效替代文字。

例如:

<inputTYPE="image" NAME="Submit" SRC="submit_button.gif" ALT="Submit">

Tags:体验设计 企业网站建设
上一篇文章:从现有的经验中学习用户体验设计
下一篇文章:网站建设中的链接技巧