跳到内容

技术G178:在网页上提供允许用户增量更改大小的控件占页面上所有文本的200%

关于此技术

这种技术是足够见面1.4.4:调整文本大小.

适用性

所有技术。

此技术涉及1.4.4:调整文本大小(足够).

描述

这种技术的目的是在网页上提供一种机制增加文本的大小。许多视力低下的人不使用放大软件,他们可能不熟悉浏览器的文本大小调整。这可能是尤其是那些晚年学习电脑的老年人以及谁可能正在经历与年龄相关的视力下降。有些人也可能是这样需要增加字体大小的认知障碍患者。

这种技术提供了一种机制,一些用户会发现它更容易使用。机制可能包括链接或按钮,用于将视觉演示切换到不同的样式表或使用脚本动态更改文本大小。

为了实现此技术,作者提供了允许用户增量地将页面上所有文本的文本大小增加或减小为至少为默认文本大小的200%。

这可以通过提供链接、按钮或链接图像和控件来实现它们应该很容易找到(例如,放在页面的显著位置,尽可能以较大的文本大小、高对比度等呈现)。

此技术也可用于无法使用可缩放字体的情况,例如遗留代码情况。

这种技术可以与风格切换技术结合使用来呈现是一个页面一致替代版本不合格内容。请参阅C29:使用样式切换器提供一致的替代版本了解一致的替代版本了解更多信息。

示例

  • 报纸文章的顶部有两个按钮。“增加文本大小”按钮有一个带有向上箭头的大字母“T”和“减小文本大小”按钮有一个带向下箭头的小写字母“T”。中高音每个按钮上的文本。
  • 一个站点有许多具有不同文本大小的样式表。用户可以选择任何样式表(如果其浏览器提供此功能)。每一页也包括将更改的“增加文本大小”和“减小文本大小”链接当前应用于相应备用样式表的样式表。
  • 一个网站包括文本“更改文本大小:”,然后是文本链接“向上”和“向下”在每个网页上。这些链接会触发一个Javascript,它会改变文本大小的值相应的属性。
  • 一个站点在每个页面上都包含一个链接,上面写着“更改文本大小”页面包含一系列链接,其中包括表示可用大小的选项。链接如下:“最小字体大小”、“小字体大小”和“默认字体大小”字体大小”等。列表前面的说明指示用户选择指向的链接更改为所需的字体大小。

测验

程序

  1. 将视口大小设置为1024px x 768px或更大。
  2. 增加文本大小并检查文本大小是否增加。
  3. 检查文本大小是否可以增加到原始大小的200%。
  4. 检查将文本大小增加到原始大小的200%后,是否没有内容或功能丢失(例如,文本中没有任何部分被剪裁,方框被剪裁不重叠,控件不被遮挡或与其标签分离等)。
  5. 将文本大小减小到默认值,并检查是否确实返回了设置为默认大小。

预期结果

  • 检查#2、#3、#4和#5为真。
返回页首