文本是一种强大的工具，可以鼓励访问者在您的网站上做任何您想让他们做的事情。在本文中，学习如何使用这些功能，使您的副本对于有视力的用户来说可读和易读，并且对于有视力障碍的用户来说是可以访问的。
使用简单的语言
文本是任何界面的基础，因此无论他们的残障或教育水平如何，都必须让每个人都可以使用它。这里的经验法则是以具有中等教育水平的人可以理解您的副本的方式编写。我们的目标不是让事情变得简单，而是用简单的词来解释复杂的概念。
保持你的信息简洁明了。避免长句——这里的一个好的经验法则是“一句话，一个想法”。如果一个句子需要分号，它很可能可以一分为二。使用更简单的词汇——例如，像“富裕”和“幸运”这样的词比“富有”和“幸运”更难理解。如果文本仍然过于复杂和具有挑战性，WCAG 建议提供解释性补充。
避免成语和修辞格
有语言理解问题和基于语言的学习障碍的人难以理解具有双重含义的结构。为了让每个人都易于理解您的文本，请避免使用成语、双关语和比喻性语言。
成语是词组，其含义与其单个词的含义不同。例如，在一个句子中看到“couch potato”这个短语，用户可能会感到困惑，为什么你在一篇关于生产力的文章中把蔬菜放在家具上。此外，富有想象力地使用词语的修辞格也会妨碍理解。例如，并不是每个人都会理解Friends中提到的“my lobster”的意思是“我的灵魂伴侣”。
选择清晰的字体
在为每个人设计时，确保您的文本看起来清晰易读很重要。选择以下字体：
• 无论字体大小，看起来都不错。
• 有一个大的 x 高度 - 扁平小写字母的大小 - 因为即使在较小的字体大小下也能舒适地阅读。
• 具有一致的字母形状，但在类似的字母形式（如 0 和 O 或 1、I (i) 和 l (L)）之间有明显的区别。
• 支持您需要的所有字符和字体样式。
查看美国网页设计系统用于强调易读性的开源字体推荐。
遵循字体大小建议
字体大小对于文本的易读性至关重要——如果依赖视觉的用户看不到它，他们将无法阅读。不幸的是，随着年龄的增长，我们的视力并没有变得更好。当我们到了 40 岁时，只有一半的光能像 20 岁时那样进入视网膜。当我们 60 岁时，只有 20%——这还没有计算无法通过使用镜片来矫正的视力障碍。
我们年纪越大，阅读较小的文字就越困难。不要让读者眼花缭乱，为每个人使用舒适的字体大小。虽然它可能因字体而异，但 16 像素是推荐的最小正文大小。
应用最佳线长
每行中有正确数量的字符是文本易读性的关键。较长的行很难集中注意力，而较短的行会使读者过于频繁地换行——两者都会导致精疲力竭。
每次阅读 5 到 10 个字符的小跳跃，所以目标是每行 45 到 75 个字符，包括空格。这允许眼睛在每条线上有 6 到 12 个快速停止。较短的行适合标题和表格。
根据文本方向对齐内容
为您的内容选择正确的对齐方式至关重要。默认文本方向是从左到右 (LTR)，因为大多数语言都使用 LTR 脚本。对于使用从右到左 (RTL) 脚本的语言，您应该使用 RTL 内容对齐。设置 RTL 对齐的最常见用例是用于具有阿拉伯语和希伯来语文本的页面。
使标题脱颖而出
标题是网页上显示的标题和副标题。它们有两个主要功能——引入内容和传达层次结构。标题创建页面的轮廓，从视觉和技术上描绘它们至关重要。
大字体或粗体字体允许视觉用户快速浏览内容并了解页面内容。然而，使用 HTML 标题标记（<h1> 到 <h6> 标记）而不是仅仅使用大文本或粗体文本来使您的页面可供视觉障碍用户使用是至关重要的。这样，屏幕阅读器可以轻松识别结构并将其读出，从而使用户可以有效地浏览您的页面。
除非您使用标题标记，否则不要将文本样式设置为看起来像标题。
使用 <h1> 标签作为页面标题
总共有六个级别的标题（从标题 1 到标题 6），您可以使用它们来构建页面上的内容部分 - <h1> 到 <h6>。
标题 1 是最重要的，它通常对应于页面标题。由于页面只能有一个标题，因此每页还有一个标题 1 元素。确保标题向用户表明该页面的内容。
按排名组织标题
必须以逻辑顺序编写标题元素。标题 1 元素指示页面的主要内容，标题 2-6 用于部分和子部分。他们将页面划分为有助于组织内容的可消耗部分。根据经验，将标题 2 用于新段落，将标题 3 和其他用于其小节。
不要跳过标题级别
对于屏幕阅读软件的用户来说，一种常见的导航技术是从一个标题跳到另一个标题以快速确定页面的内容。因此，重要的是不要跳过一个或多个标题级别——例如，从 <h1> 到 <h3>。这样做可能会造成混乱，因为用户可能会想知道缺少的标题在哪里。
“我为什么要跳过一个标题？” 你可能会问自己。有时，网站具有视觉上明显的内容部分，对于视觉用户来说不需要标题 2，并且部分内的标题具有 <h3> 标记。在这种情况下，您可以添加一个隐藏的标题 2，其中包含仅对屏幕阅读器用户可用的部分名称
本文内容为转载
网友评论