网站建设中的图片应用技巧
日期: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">