搜索 - 腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

来自专栏FunTester
可访问性测试（无障碍测试）
日常工作中大家经常忽略可访问性测试。今天我们就先聊一聊可访问性测试。什么是网页可访问性（无障碍）: 网络是向所有人开放的，作为一个测试者(也是人)，我们有责任检查它是否对所有用户开放。最重要的是，对于易访问性测试也有一定的法律和指导方针需要遵循。 无障碍环境与法律美国残疾人法案:这项法律规定，所有领域，如公共建筑、学校和组织，都应该让每个人都能使用这项技术。误解4:无障碍测试是针对盲人和残疾人的。事实:软件对所有人都是有用的，因此这个测试是针对所有用户的。 无障碍测试的挑战以下是无障碍指南试图解决的一些常见挑战或困难: 伤残类型伤残描述视觉障碍‍‍ 完全失明或色盲或视力差视觉问题，如视觉频闪和闪烁效果问题身体残疾难以使用键盘或鼠标认知障碍学习困难或记忆力差很少有其他部门也制定了自己的指南，但这些指南也遵循了Web无障碍倡议(WAI)指南。
1.5K51编辑于 2023-08-04
来自专栏前端小菜鸡yym
React 无障碍
---- 这是我参与11月更文挑战的第20天，活动详情查看：2021最后一次更文挑战」 无障碍 JSX 支持所有 aria-* HTML 属性。语义化的 HTML 语义化的 HTML 是无障碍辅助功能网络应用的基础。利用多种 HTML 元素来强化您网站中的信息通常可以使您直接获得无障碍辅助功能。有时，语义化的 HTML 会被破坏。
49730编辑于 2023-01-12
来自专栏ThoughtWorks
无障碍性测试工具 Pa11y｜技术雷达
它利用PhantomJS的headless模式运行需要被测试的网站，然后把网页源文件和指定的规则(比如WCAG2AAA)做对比，自动检查出网页内容是否符合规范，同时会把检查结果输出成指定格式的报告。另外和其他A11y测试工具相比，除了免费和开源之外，Pa11y还衍生出了许多不同目的的、基于核心工具Pa11y的Pa11y-X工具。比如支持并发多线测试和测试/生产环境隔离，而且可以存储每次执行结果的Pa11y-Webservice；又比如支持非技术用户使用、操作配置简单易懂、集成了Pa11y-Webserivce的前后端一体工具Pa11y-Dashboard 随着需求的增加，这个平台里面的工具也在Pa11y team的维护下逐渐增多，逐渐形成了一个A11y测试工具全家桶。 ?
1.2K50发布于 2018-04-17
来自专栏韩曙亮的移动开发专栏
【Android 应用开发】Android 无障碍开发简介 ( Android 无障碍开发辅助技术 | 启用 TalkBack 无障碍功能 | TalkBack 无障碍开发示例 )
文章目录一、Android 无障碍开发辅助技术二、启用 TalkBack 无障碍功能三、TalkBack 无障碍功能代码示例官方文档 : Android 无障碍功能概览一、Android 无障碍开发辅助技术 ---- Android 无障碍开发的作用是为残障人士提供更好的移动设备使用体验 ; 借助 无障碍开发可以降低访问设备应用程序的难度 ; Android 为 无障碍开发提供了多种辅助技术 , 使用键盘 , 鼠标等外设控制焦点 , 正确地管理焦点是关键 ; 二、启用 TalkBack 无障碍功能 ---- 进入 Android 设备系统设置 , 选择 " 无障碍 " 选项 ; android:layout_height="wrap_content" android:text="按钮" android:contentDescription="点击按钮测试 TalkBack 无障碍功能" /> 浏览该界面时 , 就会自动读出 " 点击按钮测试 TalkBack 无障碍功能 " 内容 ;
2.4K20编辑于 2023-04-02
来自专栏软件测试
无障碍测试：自动化技术与普及性挑战
1.2 无障碍性测试的应用场景 无障碍测试的应用场景涵盖了Web应用、移动应用、桌面软件、嵌入式系统等各类产品。因此，自动化测试无法完全替代人工评估，它应该与手动测试互补。三、无障碍测试的普及性挑战3.1 技术难度与学习曲线 无障碍性测试的一个主要挑战是缺乏足够的专业知识和技能。此外，由于无障碍性测试涉及到多种技术和标准，不同国家和地区的法律法规也有所不同，这为全球化产品的无障碍性测试增加了复杂性。因此，提升无障碍性测试的普及性需要针对技术人员提供更多培训和资源支持。四、实践建议：实现无障碍测试的普及4.1 培训与文化建设要解决无障碍性测试的普及性问题，首先要在团队内部建立起无障碍性文化。组织应当定期举办无障碍性相关的培训、研讨会，帮助技术人员理解无障碍性的重要性和基本概念。通过不断的学习和实践，技术团队可以逐渐掌握无障碍性测试的相关知识，提升无障碍性测试的水平。
27110编辑于 2025-07-01
来自专栏软件测试
让你大开眼界的网页无障碍（Accessibility）测试秘诀
这正是网页无障碍（Accessibility）的核心价值——确保每个人都能平等地获取信息与服务。国际通用的《网页内容无障碍指南》（WCAG）为这一目标提供了具体的技术标准和实施框架。四、高效识别常见障碍一些无障碍问题（如色彩对比度）难以凭肉眼可靠判断，自动化工具在此不可或缺。结语网页无障碍测试的终极目的，远不止于通过技术审核。它体现了数字产品的平等与尊重原则，确保不同身体条件与技术偏好的用户，尤其是残障人士，都能独立、顺畅地使用网络服务。
18100编辑于 2025-12-29
来自专栏脑洞前端
无障碍设计
做无障碍设计时，主要考虑以下 4 个主要方面：视觉无障碍设计（visual）听觉无障碍设计（hearing）行动无障碍设计（mobility）认知无障碍设计（cognition）。 1. 「High Contrast」是一个 Chrome extension ，可以模拟测试。 Visual：可以用「屏幕阅读器」使用所有 UI 控件吗？关闭扬声器全工程使用测试下。 Motion：所有 UI 控件，是否可以只通过键盘操作？是否能避免用户陷入「焦点陷阱」（focus traps）？能否对键盘操作做出合适响应？比如，使用「对比度测试工具」测试你的色板，进而选用对比度更科学的颜色；写容易理解的文字；使用容易看清的字体；把内容规划得清清楚楚，让不同模块之间一致连贯；尽量减少设计中的杂乱等分散注意力的东西；写有用的说明文案 Accessibility testing tools：介绍一些无障碍相关测试工具。
1.9K60发布于 2019-10-24
来自专栏教你做小游戏
什么是无障碍适配？
今天，本文会给大家介绍一下：什么是无障碍适配。后续我将继续给大家介绍，如何实现无障碍适配。什么是无障碍要给网页做无障碍适配，我们需要明白：什么是无障碍。我们要做的核心工作就是：开发 无障碍软件可识别的 Web页面，让障碍群体借助操作系统的 无障碍软件，可以正常访问、使用我们的 Web页面。，而iOS对无障碍适配就非常优秀。我们做无障碍测试时，经常遇到Android和iOS播报有差异。我们要求必须兼容iOS的语音播报，不会花太多心思去兼顾所有安卓机的语音播报软件。推荐阅读MDN对无障碍的介绍Apple对无障碍的支持Android对无障碍的支持写在最后我是HullQin，公众号线下聚会游戏的作者（欢迎关注我，交个朋友）。转发本文前需获得作者HullQin授权。
3.9K73编辑于 2023-05-29
来自专栏教你做小游戏
Web如何适配无障碍？
上篇文章介绍了《什么是无障碍适配？》，推荐大家先读一下。今天我给大家介绍，前端开发者如何实现无障碍适配。1. 认识ARIA你需要了解一下ARIA。这是不对的，无障碍软件可能无法识别到它是有点击事件的，就不会播报出来。建议点击事件尽量只绑定在或<button>这种原生clickable的元素上，而不是
上。3.
4.5K63编辑于 2023-05-29
来自专栏网页杂谈
无障碍安装Windows11
距离2021年10月5日微软宣布Windows11全面上市快半年了，家里一台台机和10年老本由于TPM2.0等问题而没有升级安装，虽然网上有如改注册表等方法可以绕开，但听说后面升级容易出问题，因此一直没动手安排。
1K10编辑于 2022-11-11
来自专栏前端博客
Web内容的无障碍性(2):实现WAI-ARIA无障碍网页及注意
上篇《Web内容的无障碍性(1):概述为什么Accessibility无障碍如此重要》概述了Web无障碍设计，先来复习一下概念：Web无障碍设计（Accessibility in Web design，其全称是’Accessible Rich Internet Applications’，是WAI-ARIA的一部分（它是W3C的Web无障碍推进组织(Web Accessibility Initiative WAI-ARIA是一个为残疾人士等提供无障碍访问动态、可交互Web内容的技术规范。主要针对的是视觉缺陷，失聪，行动不便的残疾人以及假装残疾的测试人员。有人会说，我使用HTML5, 恩，确实，HTML5的出现大大增强了网页的可访问性和无障碍阅读，但是，其不是万能的，例如无法让盲人知道模拟控件的类型等。 (2):实现WAI-ARIA无障碍网页及注意实现》,请注明出处：https://www.zhoulujun.cn/html/webfront/SGML/web/2016_0328_8342.html
1.5K21编辑于 2023-05-07
来自专栏ThoughtWorks
前端无障碍开发指南
Accessibility——无障碍设计&信息无障碍（也简称为 A11y），虽然常常会被解释为”为残障人士服务“，但其无障碍设计的核心在于为所有人提供同等的体验。在残障用户的页面访问流程中，每交互 19 个首页元素，就可能遇到一个无障碍错误图源：2022 年 The WebAIM Million 报告在这些页面无障碍错误中，96.5%的错误归属于以下五类：每个需要暴露给 ATs 辅助技术的 DOM 元素都对应一个在可访问树中存在的无障碍对象。在了解了无障碍的基本概念后，我们分别从 HTML、开发框架以及 CSS等角度，一起来看看无障碍页面的实现方式吧。提升前端框架的无障碍支持性规则 1：使用语义化 HTML 标签，完善 HTML 标签的属性规则 2：在设计组件时考虑整体的 HTML 结构维护层级明晰的 HTML 结构，对于 Web 应用的无障碍功能十分重要
2.2K20编辑于 2023-05-22
来自专栏wOw的Android小站
无障碍快捷方式相关代码
问题：无障碍快捷方式（Accessibility Shortcut）打开不生效。 ? 如图，打开功能后，长按power键会出现振动，震动后双指放在屏幕上会打开无障碍。 无障碍的功能从来没有接触过，也不清楚在哪个模块修改，所以下面记录一下如何快速定位这种问题的思路：在Opengrok检索"Accessibility Shortcut"找到字串accessibility_global_gesture_preference_title
2.2K10发布于 2018-09-18
来自专栏姓王者的博客
通过创建小测验学习无障碍
无障碍环境正在使你的网页便于所有人使用——甚至是残疾人。在这个课程中，你将建立一个测验网页。你将学习诸如键盘快捷键、ARIA 属性和设计最佳实践等无障碍工具。
29010编辑于 2024-10-31
来自专栏JetPack
山川湖海 - Android无障碍功能优化实践
本文主要分享Android无障碍功能的一些优化经验，希望看完本篇，可以帮助到你，以及哪些特殊的用户。前言最近我们团队收到了一些用户的反馈：有用户反馈，我们的部分功能按钮在无障碍下无法正常识别。所以无障碍功能是应用开发中的重要组成部分，通过集成无障碍功能和服务，可以提高应用的易用性尤其是对于残障用户而言。 - 对于无障碍的支持 GoogleIO-2021-无障碍分场那无障碍适配是不是很困难啊？测试你的无障碍适配相应的，Google 也提供了一些工具用于查看你的适配是否合理。比如无障碍功能扫描仪，官方使用文档如下。参考随手记Android无障碍实践 Android无障碍适配准则让自定义的视图使用起来没有障碍 Android无障碍功能帮助
1.3K20编辑于 2022-02-09
来自专栏Web行业观察
简单了解下无障碍设计模式
实施通过使用标准的平台控件，你的应用将自动包含与平台无障碍技术协同工作所需的标记和代码。调整你的应用，以兼容每个平台的无障碍功能标准和无障碍技术（包括快捷方式和结构），为用户提供更高效的体验。这种实现会需要额外的编码和测试，以使这种非标准控件和无障碍技术相兼容。在打开平台无障碍功能的情况下，测试你的设计（实施期间和之后）。测试和研究遵循这些无障碍指南有助于提升应用的可访问性，但不能保证拥有一个完全可访问的体验。建议你也：在打开各种无障碍技术的情况下，测试应用从开始到结束的完整的任务流程。让有障碍的用户测试你的应用考虑单个元素怎么才能可访问，同时把它连接到一个连贯的用户流中确保你希望用户完成的主要任务，能适应每一个人与你的用户交流，特别是那些使用辅助技术的用户，了解他们的需求，他们想从你的应用中获得什么使用屏幕阅读器测试你的应用，以确定那些缺失无障碍文本、或需要更好的无障碍文本的区域。保持简洁保持内容和无障碍文本简短、并切中主题。屏幕阅读器用户会听到每个 UI 元素的朗读。
6.7K40发布于 2018-10-31
来自专栏Web大前端
Web Accessibility基础：构建无障碍的前端应用
Web Accessibility（网络无障碍）是确保所有人都能平等访问和使用网站和应用程序的关键。这包括视觉、听觉、运动和认知能力有限的用户。以下是一些构建无障碍前端应用的基础原则和代码示例：1. 定期测试使用自动化和人工测试工具（如axe，Pa11y，Lighthouse等）定期检查可访问性，并根据反馈进行改进。21.
55210编辑于 2024-08-19
来自专栏JetPack
山川湖海 - Android无障碍功能优化实践
所以无障碍功能是应用开发中的重要组成部分，通过集成无障碍功能和服务，可以提高应用的易用性尤其是对于残障用户而言。 - 对于无障碍的支持 GoogleIO-2021-无障碍分场那无障碍适配是不是很困难啊？主要是因为在适配无障碍模式时，无障碍服务在读取到 Image 时，如果此时增加了描述信息，则会直接读出文本名字，但如果此时这是一个可以交互的按钮呢？测试你的无障碍适配相应的，Google 也提供了一些工具用于查看你的适配是否合理。比如无障碍功能扫描仪，官方使用文档如下。是谁来自山川湖海，却囿于昼夜、厨房与爱《万能青年旅店乐队》参考随手记Android无障碍实践 Android无障碍适配准则让自定义的视图使用起来没有障碍 Android无障碍功能帮助我是Petterp
1.2K21编辑于 2022-01-24
来自专栏ThoughtWorks
关于信息无障碍我们能做些什么
项目上的原因，让我有机会开始关注这个从来没有和别人聊过的话题，有一天，客户告诉我们说想优化网站的Accessibility 问题，想让整个网站更平易近人一些，清楚的记得那时候整个团队里几乎没有人有过相关的开发和测试经验 W3C也提供了各个国家的相关无障碍法，有若干国家在其网络无障碍功能法律要求中明令，必须使用国际标准指南，了解过国内的一些资料，虽然到现在已经有一些 App 优化了很多的无障碍功能，但是大部分的网站无障碍访问依然不是很乐观对页面上文字的对比度有一个最低的要求4.5 : 1，所以保持合理的对比度同样重要，如果你够细心，Chrome的选色器是会给出你的对比度是否符合要求的提示的，同样也可以在 WebAIM's Color Contrast Checker测试 ---- 关于测试如果你愿意的话，你可以用几十几秒的时间打开谷歌浏览器的Audits找到你网站存在的所有无障碍问题，然后会看到你网站的Accessibility分数和所有的对需要修复的问题的建议。 - 相关阅读 - 为低资源地区建造数字化医药库存系统 无障碍性测试工具 Pa11y
1.1K20发布于 2019-10-28
来自专栏京程一灯
使用 AI 为 Web 网页增加无障碍功能
对那时的我来说，无障碍永远是“考虑考虑”的事，直到有一天我收到了来自我的一个项目的用户的邮件。 ? 我是盲人，用了很长一段时间才弄清楚它们的内容 :/来自某人” 在收到邮件的时候，无障碍功能的开发是放在我开发队列的最后面的，基本上它就是个“事后有空再添加”的想法而已。但是，这封邮件唤醒了我。在互联网中，有许多的人需要无障碍阅读功能来理解网站、应用、项目等事物的用途。
1.1K10发布于 2019-03-28

第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页

点击加载更多