资源 无障碍 使用集合让一切井井有条 根据您的偏好保存内容并对其进行分类。 了解无障碍功能 返回到课程 哪些工具通常用于帮助残障人士使用网络? 选择合适的多项回答。 盲文输出设备 屏幕阅读器 扩展坞 操作系统设置 在网络上实现变革的有效方法是什么? 选择合适的多项回答。 在社交媒体上投诉。 提起诉讼。 直接与公司的开发者联系。 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 使用辅助技术进行测试的目的是什么? 测试网站或应用是否存在缺陷。 体验与使用辅助技术的用户相同的感受。 提交回答 error_outline 系统对测验进行评分时出现错误。请重试。 上一页 arrow_back 总结和后续步骤 下一页 术语库 arrow_forward