无障碍开发为何强调优先使用原生 HTML 元素而非 ARIA?请结合浏览器的无障碍树说明其机制。
Why does accessibility practice favor native HTML elements over ARIA? Explain the mechanism via the browser's accessibility tree.
浏览器由 DOM 构建无障碍树,节点带角色、名称、状态;原生元素自带正确语义与键盘行为,ARIA 只改写属性、不附带行为。用 div 加 role="button" 冒充按钮须手动补齐 tabindex 与按键响应,疏漏即违反 WCAG 4.1.2“名称、角色、值”,故有“ARIA 第一规则”:优先原生元素。
Browsers build an accessibility tree from the DOM for assistive technologies such as screen readers; each node carries a role, name, and state. Native elements come with correct semantics and keyboard behavior automatically, whereas ARIA only rewrites roles and attributes and contributes no behavior. Emulating a button with a div and role=“button” forces you to maintain tabindex, focus handling, and key responses by hand, and any slip violates WCAG 4.1.2 Name, Role, Value. This is the first rule of ARIA: prefer native elements whenever possible.
难度 专业 · 适合 高中(15-18)
CC BY 4.0 · 来源待核验 · Source pending review
来源 · Source
出处备注:著录含书名,但缺版次 / 出版社 / 年份中的一部分,需编辑补全后才能做独立比对。
W3C,《可访问富互联网应用(WAI-ARIA)1.2》与《Web 内容无障碍指南(WCAG)2.2》,W3C 建议标准,2023
W3C, Accessible Rich Internet Applications (WAI-ARIA) 1.2 and Web Content Accessibility Guidelines (WCAG) 2.2, W3C Recommendations, 2023
#无障碍树 #ARIA #语义化HTML #WCAG
什么是眼动追踪(Eye Tracking)?它能做什么?
What is eye tracking, and what can it do?
眼动追踪用摄像头或红外感知你看哪里,可用于无障碍(用眼神控制光标)、界面热度图研究和 VR 注视点渲染省算力。
Eye tracking senses where you look via camera or infrared; it enables accessibility, eye-controlled cursor, UI heatmaps, and gaze-based rendering in VR.
难度 进阶 · 适合 大众
CC BY 4.0 · 来源待核验 · Source pending review
来源 · Source
出处备注:本题原挂出处与答案内容不符,已撤回;具体书目待补,暂不展示来源。
本题原挂出处与答案内容不符,已撤回;具体书目待补。
Previous citation withdrawn as unsupported for this answer; a specific source is pending.
#眼动 #无障碍
什么是语音合成(TTS)?它和无障碍有什么关系?
What is text-to-speech (TTS), and how is it related to accessibility?
TTS 把文字转成自然语音,让视障者听文章、帮助阅读困难者,也为导航和智能音箱提供发声能力。
TTS turns text into natural speech, letting the blind hear articles and helping poor readers, and powers navigation and smart speakers.
难度 进阶 · 适合 大众
CC BY 4.0 · 已核验 · Verified 2026-10-04
来源 · Source
D. Jurafsky 与 J. H. Martin,《Speech and Language Processing》,第2版,Prentice Hall,2009年
D. Jurafsky and J. H. Martin, Speech and Language Processing, 2nd edition, Prentice Hall, 2009
独立核验依据 · Independent verification: 核验依据 1 ISBN 9780131873216 (2008)
#语音合成 #无障碍
什么是 WCAG 无障碍标准?
What is the WCAG accessibility standard?
WCAG 是 Web 无障碍指南,提出可感知、可操作、可理解、健壮四大原则,并分 A、AA、AAA 等级,许多法规据此要求网站可达。
WCAG is the Web Content Accessibility Guidelines built on four principles, perceivable, operable, understandable, robust, with A, AA, AAA levels cited by many laws.
难度 进阶 · 适合 大众
CC BY 4.0 · 来源待核验 · Source pending review
来源 · Source
出处备注:此条未指向带版次的可引用著作(通识性内容、机构文件或未展开的英文书名),本库不提供独立书目出处;如需精确引用,需由编辑补全具体篇目与版次。
W3C WCAG 2.1 无障碍指南
W3C WCAG 2.1 Guidelines
#WCAG #标准
触摸手势设计要注意什么?
What should touch gesture design consider?
要符合直觉(如滑动返回)、给操作反馈、避免误触、兼顾不同手型与单手操作,并别把重要按钮放在太易被拇指误碰的位置。
Make gestures intuitive, give feedback, prevent mis-taps, support one-handed use, and keep key buttons away from easy thumb accidents.
难度 进阶 · 适合 大众
CC BY 4.0 · 来源待核验 · Source pending review
来源 · Source
出处备注:本题原挂出处与答案内容不符,已撤回;具体书目待补,暂不展示来源。
本题原挂出处与答案内容不符,已撤回;具体书目待补。
Previous citation withdrawn as unsupported for this answer; a specific source is pending.
#触摸 #手势
什么是认知负荷(Cognitive Load)?界面怎么帮用户减负?
What is cognitive load, and how can interfaces reduce it?
认知负荷是用户动脑处理的负担。界面应精简信息、分步引导、用熟悉图标、减少选择项,避免让用户一下子记太多东西。
Cognitive load is the mental effort users bear. Interfaces should simplify info, guide step by step, use familiar icons, and limit choices to avoid overload.
难度 进阶 · 适合 大众
CC BY 4.0 · 已核验 · Verified 2026-11-03
来源 · Source
Sweller(1988)《Cognitive Science》认知负荷理论;Sweller、Ayres 与 Kalyuga《Cognitive Load Theory》(2011)
Sweller (1988), Cognitive Science; Sweller, Ayres and Kalyuga, Cognitive Load Theory (2011)
独立核验依据 · Independent verification: 核验依据 1 OPENLIBRARY 标识 /works/OL21308956W:Cognitive Load Theory(
#认知负荷 #体验
什么是高对比度模式和深色模式?它们为何重要?
What are high-contrast and dark modes, and why do they matter?
高对比度让文字与背景更分明,帮助弱视用户;深色模式在暗光下更省眼、更省电(尤其 OLED 屏),是普遍受欢迎的无障碍特性。
High contrast sharpens text from background for low-vision users; dark mode is easier on the eyes in dim light and saves power on OLED screens, a popular accessibility feature.
难度 入门 · 适合 小学低段(6-8)
CC BY 4.0 · 来源待核验 · Source pending review
来源 · Source
出处备注:本题原挂出处与答案内容不符,已撤回;具体书目待补,暂不展示来源。
本题原挂出处与答案内容不符,已撤回;具体书目待补。
Previous citation withdrawn as unsupported for this answer; a specific source is pending.
#深色模式 #无障碍
语音交互有什么优点和局限?
What are the pros and cons of voice interaction?
优点是解放双手、对不识字或视障友好;局限是嘈杂环境识别差、有隐私顾虑、公开场合不便说话,且复杂操作不如点按精确。
Pros: hands-free and friendly to non-readers or the blind. Limits: poor in noise, privacy worries, awkward in public, and imprecise for complex tasks versus tapping.
难度 入门 · 适合 小学低段(6-8)
CC BY 4.0 · 已核验 · Verified 2026-10-04
来源 · Source
D. Jurafsky 与 J. H. Martin,《Speech and Language Processing》,第2版,Prentice Hall,2009年
D. Jurafsky and J. H. Martin, Speech and Language Processing, 2nd edition, Prentice Hall, 2009
独立核验依据 · Independent verification: 核验依据 1 ISBN 9780131873216 (2008)
#语音 #交互
什么是 AR(增强现实)?它和 VR 有什么区别?
What is AR, and how is it different from VR?
AR 像给真实世界贴会动的小贴纸,比如手机相机里出现一只跳舞的小恐龙;VR 像戴上一副魔法眼镜,把你送到另一个世界里。
AR is like putting moving stickers on the real world, a dancing dinosaur in your phone camera. VR is magic glasses that send you into another world.
难度 入门 · 适合 幼儿(3-6)
CC BY 4.0 · 来源待核验 · Source pending review
来源 · Source
出处备注:本题原挂出处与答案内容不符,已撤回;具体书目待补,暂不展示来源。
本题原挂出处与答案内容不符,已撤回;具体书目待补。
Previous citation withdrawn as unsupported for this answer; a specific source is pending.
#AR #VR
字幕和实时字幕为什么重要?
Why do captions and live captions matter?
字幕帮助听障人士理解视频,也方便在嘈杂或静音环境观看。实时字幕还能辅助语言学习和会议纪要。
Captions help deaf and hard-of-hearing viewers and anyone in noisy or muted settings; live captions also aid language learning and meeting notes.
难度 入门 · 适合 小学低段(6-8)
CC BY 4.0 · 已核验 · Verified 2026-11-04
来源 · Source
Kushalnagar, Behm, Stanislow, Gupta,《Enhancing caption accessibility through simultaneous multimodal information》,Proceedings of the 16th international ACM SIGACCESS conferen,2014 (DOI: 10.1145/2661334.2661381)
Kushalnagar, Behm, Stanislow, Gupta, 'Enhancing caption accessibility through simultaneous multimodal information', Proceedings of the 16th international ACM SIGACCESS conferen, 2014, DOI: 10.1145/2661334.2661381
独立核验依据 · Independent verification: 核验依据 1 CROSSREF 标识 10.1145/2661334.2661381:Enhancing caption ac
#字幕 #无障碍
什么是适老化(无障碍)设计?
What is age-friendly (accessibility) design?
适老化设计考虑老年人视力下降、手抖、不熟悉科技等特点,用大字号、大按钮、清晰语音和简单流程,降低使用门槛。
Age-friendly design accounts for weaker vision, shaky hands, and tech unfamiliarity, large text, big buttons, clear speech, and simple flows lower the barrier.
难度 入门 · 适合 小学低段(6-8)
CC BY 4.0 · 来源待核验 · Source pending review
来源 · Source
出处备注:本题原挂出处与答案内容不符,已撤回;具体书目待补,暂不展示来源。
本题原挂出处与答案内容不符,已撤回;具体书目待补。
Previous citation withdrawn as unsupported for this answer; a specific source is pending.
#适老化 #无障碍
什么是屏幕阅读器?盲人怎么用电脑?
What is a screen reader, and how do blind users operate a computer?
屏幕阅读器把屏幕上的文字、按钮念出来或用盲文显示,盲人靠键盘和听读来浏览网页、写文档,因此网页结构要清晰语义化。
A screen reader speaks or brailles the text and buttons on screen; blind users navigate by keyboard and audio, so pages need clear, semantic structure.
难度 入门 · 适合 大众
CC BY 4.0 · 来源待核验 · Source pending review
来源 · Source
出处备注:著录含书名,但缺版次 / 出版社 / 年份中的一部分,需编辑补全后才能做独立比对。
W3C,《可访问富互联网应用(WAI-ARIA)1.2》与《Web 内容无障碍指南(WCAG)2.2》,W3C 建议标准,2023
W3C, Accessible Rich Internet Applications (WAI-ARIA) 1.2 and Web Content Accessibility Guidelines (WCAG) 2.2, W3C Recommendations, 2023
#屏幕阅读器 #无障碍