网页设计中的文字使用技巧

日期:2011年06月13日

下面是关于如何提高用户的文字视障辅助一些提示。

色彩和对比度

应显示的文本用最快的对比。 一般来说,在白色背景黑色文字最具可读性。

我们是老,越的难度就越大分辨蓝色和另外一个阴影的差异。 小蓝的文字变得越来越难以阅读,到如此地步,文字变得不可读。 因此,不要选择你的网站的文本颜色为蓝色。

不同的颜色可用于审美或其他原因。 但它应该只用于较大或突出显示的文本,如标题,题目。

确保信息传达是彩色的颜色也没有传达。

尺寸

大类型是比小类型的可读性。 一般来说,一个12点类别的最低建议。 最多可使用16或18点,以照顾视障用户。 但是请记住,可读性和大小之间的关系有所不同之间不同的字体。

字体

建议你坚持到最常用的字体。 这些措施包括宋体,宋体,黑体,衬线字体,无衬线和Times New Roman。

设置三至四个标签的字体或层叠样式表设置字体。 因此,当你的第一选择是不可用的字体,你的第二个,第三或第四的选择可以由用户的浏览器。

这是很常见的选择一个标题和小标题和主要内容,为不同的正文字体。

风格

尽量避免倾斜,倾斜或浓缩的文字,因为它们减少了你的文字的可读性。 这是更好地突出文本以 粗体,比用 斜体 。

话虽如此,最好是使用而不是大胆的<b> ...</乙>物理样式标记的<strong> ...</强“的逻辑样式标签。

字母间距

弱视的用户可以找到接近字母间距难以阅读。 如有可能,间距应宽。

这可以被控制的'字母间距,CSS属性,虽然标准的信在HTML文本间距一般为大多数用户已经足够。

信间距属性增加或减少字符之间的空白。

例如:

p
{
letter-spacing: 12px
}

Note: Negative values are allowed.

p
{
letter-spacing: -0.5px
}

行距

文字行之间的间距应至少有25至30点大小的百分之。 这样做可以减小弱视很难找到下一行的开头用户的可能性。

层叠(CSS)的样式表

并非所有浏览器和屏幕阅读器支持级联样式表。 因此,重要的是设计,方便的地方都没有样式表的网页。

相对字体大小

使用,而不是固定的字体大小相对字体大小。 这将使用户在应用自己的样式表或覆盖在其浏览器的字体设置选项。

例子相对字体大小:

<FONT SIZE="-1">
<FONT SIZE="+2">

固定的字体大小的例子:

<FONT SIZE="2">
<FONT SIZE="5">

下划线的文本

永远不要以下划线突出的文字,因为下划线文本是一个链接的迹象。 这可以混淆缺乏经验,甚至有经验的用户。 使用其他方法来吸引注意文本,如粗体强调。

预格式化文本

不要预设文本格式使用<PRE>元素。 使用表代替。 辅助技术无法解释预格式化的文本。 该<PRE>元素preformats文字使用固定宽度字体屏幕。 所有空白字符字面解释,并保留在显示,包括多个空格,制表符,回车和换行。

文字的网页

如果不能访问任何其他方式完成,提供了同等的信息或功能的纯文本页面。

据BBC(英国广播公司)网站提供了一个非常有用的工具,称为贝西,创建一个Web页面上的即时纯文字版本(在实时创建)。

贝西(英国广播公司互联网教育文本到语音增强)是一种服务器端的CGI脚本,可以在BBC网站下载。 我强烈推荐贝西 - 它工作得很好,它是免费的!

定时响应

有时候,一个定时的反应是必要的。 当时间已经不多了,提醒用户,让他们有机会以索取更多的时间来回应。 不要切断无预警的样子。 用户将愤怒,如果他们失去的东西,他们已就20分钟的工作。

Tags:体验设计 企业网站建设
上一篇文章:网页设计中的框架使用
下一篇文章:网页设计中图片地图的使用