了解无障碍功能

哪些工具通常用于帮助残障人士使用网络？

选择合适的多项回答。

盲文输出设备

屏幕阅读器

扩展坞

操作系统设置

在网络上实现变革的有效方法是什么？

选择合适的多项回答。

在社交媒体上投诉。

提起诉讼。

直接与公司的开发者联系。

WCAG 标准的最高级别是什么？

AAA 级

A Level

倒

可操作的示例有哪些？

选择合适的多项回答。

所有视频都有控件。

用户有足够的时间来填写表单。

所有有效元素都支持键盘和触摸屏。

使用简单易懂的语言。

以下哪项是打造无障碍按钮的最佳实践？

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

您的网站是多语言在线教科书，其中一个网页上显示多种语言。向辅助技术说明广告文案语言的最佳方式是什么？

为主要 lang 设置 <html>，并为包含其他语言内容的元素设置其他语言。

不用担心，辅助技术可以自动读取每种语言。

在 <html> 元素中包含所有语言。例如 <html lang="en,lt,pl,pt">

在白色背景上，以下哪个 `:focus` CSS 样式示例最易于访问？

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

跳过链接的用途是什么？

帮助键盘用户跳过冗余或无用的链接组。

帮助键盘用户跳过不感兴趣的内容。

使用 JavaScript 更改元素的样式的最佳方式是什么？

使用 JavaScript 切换元素的类，并将样式添加到 CSS 样式表中。

使用 JavaScript 直接在 HTML 元素内应用动态样式。

所有 JavaScript 操作是否都支持键盘用户？

是的，所有操作都会自动支持键盘用户。

可以，但您可能需要做一些额外的工作。

不可以，您只能通过语义 HTML 为键盘用户提供支持。

如何让复杂图片易于访问？

选择合适的多项回答。

在文章后面部分添加说明。

添加包含完整说明的长篇替代文本。

将 aria-describedby 属性添加到图片中。

对于较长的说明，请使用链接。

仅使用颜色不足以作为文档的标识符。还有哪些方法可以帮助读者识别界面元素？

模式

文本

图标

以上所有答案均正确

我们可以构建哪些反映运动操作系统设置的内容？

@prefers-reduced-motion

JavaScript 切换开关

为了让用户能够清晰阅读，我应始终使用高对比度的文字和背景。

错误

正确

哪些字体最适合无障碍功能？

无障碍字体。

Arial 和 Verdana 等系统字体。

没关系。

以下哪种表单输入最易于访问？

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

无障碍组件是否始终可供用户访问？

否，您必须先测试组件。

可以，您无需额外操作即可使用这些组件。

您应进行哪种测试，以确保网站具有无障碍功能？

选择合适的多项回答。

自动测试

手动测试

用户测试

辅助技术测试

评估测试。

自动化测试会捕获哪些错误？

选择合适的多项回答。

包容性语言

缺少替代文本

色彩对比度问题

描述性表单标签

ARIA 错误

哪些元素需要符合 WCAG 色彩对比度标准？

图标

标题

正文

以上皆是

测试无障碍功能时最好使用哪种屏幕阅读器？

没有

JAWS

旁白

Orca

使用辅助技术进行测试的目的是什么？

测试网站或应用是否存在缺陷。

体验与使用辅助技术的用户相同的感受。

哪些工具通常用于帮助残障人士使用网络？

在网络上实现变革的有效方法是什么？

WCAG 标准的最高级别是什么？

可操作的示例有哪些？

以下哪项是打造无障碍按钮的最佳实践？

您的网站是多语言在线教科书，其中一个网页上显示多种语言。向辅助技术说明广告文案语言的最佳方式是什么？

在白色背景上，以下哪个 :focus CSS 样式示例最易于访问？

跳过链接的用途是什么？

使用 JavaScript 更改元素的样式的最佳方式是什么？

所有 JavaScript 操作是否都支持键盘用户？

如何让复杂图片易于访问？

仅使用颜色不足以作为文档的标识符。还有哪些方法可以帮助读者识别界面元素？

我们可以构建哪些反映运动操作系统设置的内容？

为了让用户能够清晰阅读，我应始终使用高对比度的文字和背景。

哪些字体最适合无障碍功能？

以下哪种表单输入最易于访问？

无障碍组件是否始终可供用户访问？

您应进行哪种测试，以确保网站具有无障碍功能？

自动化测试会捕获哪些错误？

哪些元素需要符合 WCAG 色彩对比度标准？

测试无障碍功能时最好使用哪种屏幕阅读器？

使用辅助技术进行测试的目的是什么？

在白色背景上，以下哪个 `:focus` CSS 样式示例最易于访问？