网页设计中图形和图表应用技巧

日期:2011年06月07日

文字浏览器和屏幕阅读器无法传达给他们的用户的图像,所以你应该提供替代的信息,在视觉上可用。 这一点尤其重要,如果你显示有用的图表或图形! 提供可供选择的文本使用“Alt”键的图形属性,总结图表和图形。

使用以下三种方法之一,为在图表中详细信息的替代摘要文本。

周围的说明文字

环绕图表或以图像中的信息的详细描述图。

例如,这个饼图显示,在2000年,美国男性和女性网民的比例:

点击浏览下一页

在美国52%,2000年互联网用户为男性,48%为女性。

描述链接(D - Link的)

有时,图表或图形描述太长,包括在周围的文字。 当发生这种情况,使用说明的链接,或D -链接,链接到另一个网页,其中包含的图形或图表的详细说明。 目前的惯例是使用文字作为链接字母“D”。

例如:

点击浏览下一页ð

饼图显示了在2000年,美国男性和女性网民的比例:52在美国网络用户在2000%为女性,48%为男性。

长描述(LONGDESC)

使用长说明(LONGDESC)的图像指向一个网页,包含图表或图形的详细说明属性。

我们建议您使用描述链接(D - Link的),因为有些浏览器不支持长描述属性。

例如LONGDESC代码:

<IMG SRC="piechart.gif" title="48% female and 52% male Web users." longdesc="piechartdescription.html">

在这种情况下,(和潜在的,未来的)某些浏览器会给用户的选项来查看网页的描述,使他们可以读到的形象是什么。

Tags:体验设计 企业网站建设
上一篇文章:网页设计中多媒体技巧
下一篇文章:网页设计中的色彩技巧