使您的扩展程序可供访问
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
对许多用户而言,无障碍功能实际上就是界面,而对于那些不需要将无障碍功能作为与扩展程序互动的主要途径的用户而言,无障碍功能往往非常实用。这些技术多种多样。至少要有高对比度文字。视频应带有字幕。图片应包含 alt
属性。
不过,正如我们前面所说,这只是最低要求。下文介绍了其他方法。
有几种方法可以实现无障碍功能,但最简单的方法是使用标准 HTML 控件,尤其是输入元素。下图显示了这些控件。
<ph type="x-smartling-placeholder">
如需使其他元素可供访问,请使用 ARIA 属性。这些属性可向屏幕阅读器提供有关网页上控件的功能和当前状态的信息。这里给出了一个示例,
<div role="toolbar" tabindex="0" aria-activedescendant="button1">
<img src="buttoncut.png" role="button" alt="cut" id="button1">
<img src="buttoncopy.png" role="button" alt="copy" id="button2">
<img src="buttonpaste.png" role="button" alt="paste" id="button3">
</div>
默认情况下,在 HTML DOM 中,唯一可以接收键盘焦点的元素为锚点、按钮和表单控件。幸运的是,在 HTML 元素上设置 tabIndex
属性可使其获得键盘焦点。例如:
<div tabindex="0">I can receive focus with the tab key.</div>
如需了解如何实现这些技巧以及其他内容,请参阅支持无障碍功能。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-02-29。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2024-02-29\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2024-02-29。"],[],[]]