网页设计中的文字使用技巧
日期: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分钟的工作。