WCAG 1.3:适应性

Anwar Montasir(他/他)
写在2021年2月12日

第三个WCAG指南,适应,是可察觉的原则的一部分,通过允许以多种方式收到内容来适应用户的不同需求。

WCAG 1.3:使用语义HTML

您可以使用Web内容可访问的最重要的方式之一是使用语义html.。换句话说,根据内容的含义,选择HTML元素,而不是外观。

标题结构

被视力读者非常少想立即开始阅读网页的内容。通常,他们将在页面上扫描目的,并快速确定信息是否符合它们。

辅助技术的用户可以从标题导航到标题以执行相同的任务,只要正确编写标题结构以提供页面内容的轮廓。

网页仅具有一个

元素,描述了页面的整体目的。标题级别

通过

应以严格的降序编写以描述内容的部分。

适当的标题结构的例证。来源:web

表格输入

标签表单元素适当地帮助辅助技术的用户了解输入和文本标签之间的关系。此外,标签是可点击的,这可以帮助用户与机动技能相关的残疾,他们可能会努力点击或点击像复选框的小输入。

表格输入需要通过辅助技术来理解标签。来源:MDN.

适应性指南还包含称为标准确定输入目的,推荐使用HTML5输入类型为了帮助用户了解表单输入中的预期响应,可以调用特殊键盘(例如用于提供电话号码的数字键盘。)

电话输入类型将导致大多数设备显示数字键盘。来源:MDN.

WCAG 1.3.3:感觉特征

避免提供操作界面或完成仅依赖于感官特性的任务的说明,如

  • 形状(“单击圆形按钮”)
  • 尺寸(“找到最大的图像”)
  • 视觉位置(“在左下角”)
  • 声音(“当你听到蜂鸣器时”)

辅助技术的用户不会始终能够根据感官特征识别内容。

请注意,没有必要避免参考感官特性:“按红色取消按钮”可以是可接受的指令集,提供了屏幕阅读器用户能够识别包含“取消”单词的按钮。包括感觉特征的描述可能会帮助用户具有认知困难的用户。

只要辅助技术的用户仍然可以使用界面,感觉特性的描述是可以接受的。来源:Csun.edu.

我在我的帖子中写了关于CAPTCHAS的可访问性问题WCAG 1.1:文本替代品。许多CAPTCHA也违反了感官特征标准,例如仅需要识别声音的音频CAPTCHA。

方向

您的内容必须在纵向和横向方向上访问,因为具有电机技能残疾的用户可能无法旋转其设备。

Deque的网站可以在肖像和横向方面被理解和导航。来源:排名大学

更多树房子在wcag上写作

关于树房间的更多信息

与树屋学习仅为每月19.99美元。如果您认为您已准备好开始探索,如果Tech适合您,请注册您的免费七天试用

树屋分开的是他们的奉献,帮助您找到完美的工作或发展自己的业务。-switchup.org.

跟着我们推特Instagram., 和Facebook对于我们最喜欢的提示,并分享您的学习方式。我们会在那里见到你!

如果你喜欢阅读这篇文章,你也应该看看这两个人:

发表评论

你一定是登录发表评论。

想要了解更多关于设计的信息吗?

设计是指视觉效果,交互流,线框,品牌等。了解如何使用良好的设计来增强您的网站,移动应用程序或业务。

学到更多