- 综合排序
- 最热优先
- 最新优先
- 来自专栏FunTester
可访问性测试（无障碍测试）
日常工作中大家经常忽略可访问性测试。今天我们就先聊一聊可访问性测试。 什么是网页可访问性（无障碍）: 网络是向所有人开放的，作为一个测试者(也是人)，我们有责任检查它是否对所有用户开放。 最重要的是，对于易访问性测试也有一定的法律和指导方针需要遵循。 无障碍环境与法律 美国残疾人法案:这项法律规定，所有领域，如公共建筑、学校和组织，都应该让每个人都能使用这项技术。 误解4:无障碍测试是针对盲人和残疾人的。 事实:软件对所有人都是有用的，因此这个测试是针对所有用户的。 无障碍测试的挑战 以下是无障碍指南试图解决的一些常见挑战或困难: 伤残类型 伤残描述 视觉障碍 完全失明或色盲或视力差视觉问题，如视觉频闪和闪烁效果问题 身体残疾 难以使用键盘或鼠标 认知障碍 学习困难或记忆力差 #5)尝试使用键盘:如果你是游戏玩家或excel专家，那么这个测试对你来说一定更容易。尽量不要触摸鼠标，用键盘来访问网站。
1.5K51编辑于 2023-08-04 - 来自专栏无人打理的花园
企鹅 FM H5 无障碍优化总结
但在分享、活动、运营等场景还有部分 app 内的通过 webview 承载的内容牵涉到了不少 H5 页面。H5 的无障碍优化自然也不能落后。 此篇文章总结了 H5 无障碍优化的一些方法和流程上的思考。 根据测试结构优化无障碍 展开说 html 标签的语义化 简单地来说就是，使用的 html 标签需要表达它的实际用途，如果是按钮那就应该用 button，不要什么都用 div 和 span 做了。 还有不少基于 nodejs 的命令行/可以打包到开发流程中的工具，pa11y 就是其中翘楚之一（也是 fm H5 无障碍优化的最终工具选择）。 除了上述常用检查无障碍标签、颜色对比度等特性外，pa11y 也提供了事件触发机制，比如点击、表单提交等，在某些场景下可以作为简单的测试框架使用： pa11y({ actions: [
1.9K21发布于 2019-04-17 - 来自专栏前端小菜鸡yym
React 无障碍
---- 这是我参与11月更文挑战的第20天，活动详情查看：2021最后一次更文挑战」 无障碍 JSX 支持所有 aria-* HTML 属性。 语义化的 HTML 语义化的 HTML 是无障碍辅助功能网络应用的基础。 利用多种 HTML 元素来强化您网站中的信息通常可以使您直接获得无障碍辅助功能。 有时，语义化的 HTML 会被破坏。
50030编辑于 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.5K20编辑于 2023-04-02 - 来自专栏软件测试
无障碍测试：自动化技术与普及性挑战
1.2 无障碍性测试的应用场景 无障碍测试的应用场景涵盖了Web应用、移动应用、桌面软件、嵌入式系统等各类产品。 因此，自动化测试无法完全替代人工评估，它应该与手动测试互补。三、无障碍测试的普及性挑战3.1 技术难度与学习曲线 无障碍性测试的一个主要挑战是缺乏足够的专业知识和技能。 此外，由于无障碍性测试涉及到多种技术和标准，不同国家和地区的法律法规也有所不同，这为全球化产品的无障碍性测试增加了复杂性。因此，提升无障碍性测试的普及性需要针对技术人员提供更多培训和资源支持。 四、实践建议：实现无障碍测试的普及4.1 培训与文化建设 要解决无障碍性测试的普及性问题，首先要在团队内部建立起无障碍性文化。 组织应当定期举办无障碍性相关的培训、研讨会，帮助技术人员理解无障碍性的重要性和基本概念。通过不断的学习和实践，技术团队可以逐渐掌握无障碍性测试的相关知识，提升无障碍性测试的水平。
28110编辑于 2025-07-01 - 来自专栏软件测试
让你大开眼界的网页无障碍（Accessibility）测试秘诀
这正是网页无障碍（Accessibility）的核心价值——确保每个人都能平等地获取信息与服务。国际通用的《网页内容无障碍指南》（WCAG）为这一目标提供了具体的技术标准和实施框架。 四、高效识别常见障碍一些无障碍问题（如色彩对比度）难以凭肉眼可靠判断，自动化工具在此不可或缺。 结语网页无障碍测试的终极目的，远不止于通过技术审核。它体现了数字产品的平等与尊重原则，确保不同身体条件与技术偏好的用户，尤其是残障人士，都能独立、顺畅地使用网络服务。
21900编辑于 2025-12-29 - 来自专栏脑洞前端
无障碍设计
界面上一直移动、滚动、闪烁超过5秒的内容，都应该可以被暂停、停止，或隐藏。 一般的，对于闪烁内容，每秒闪烁次数不宜超过3次。 「High Contrast」是一个 Chrome extension ，可以模拟测试。 Visual：可以用「屏幕阅读器」使用所有 UI 控件吗？ 比如，使用「对比度测试工具」测试你的色板，进而选用对比度更科学的颜色；写容易理解的文字；使用容易看清的字体；把内容规划得清清楚楚，让不同模块之间一致连贯；尽量减少设计中的杂乱等分散注意力的东西；写有用的说明文案 Accessibility testing tools：介绍一些无障碍相关测试工具。 You can use ⌘F5 to enable/disable, Ctrl+Option ←→ to move through the page and Ctrl+Shift+Option + ↑↓
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。 警告： 许多这些小部件后来被合并到 HTML5 中，如果存在这样的元素，开发人员应该更喜欢使用正确语义的 HTML 元素而不是使用 ARIA。例如，原生元素具有内置的键盘可访问性、角色和状态。 尽量使用Html5语义化标签在body中正确使用这些标签：
， 来自专栏网页杂谈无障碍安装Windows11
距离2021年10月5日微软宣布Windows11全面上市快半年了，家里一台台机和10年老本由于TPM2.0等问题而没有升级安装，虽然网上有如改注册表等方法可以绕开，但听说后面升级容易出问题，因此一直没动手安排
1.1K10编辑于 2022-11-11来自专栏前端博客Web内容的无障碍性(2):实现WAI-ARIA无障碍网页及注意
上篇《Web内容的无障碍性(1):概述为什么Accessibility无障碍如此重要》概述了Web无障碍设计，先来复习一下概念：Web无障碍设计（Accessibility in Web design， WAI-ARIA是一个为残疾人士等提供无障碍访问动态、可交互Web内容的技术规范。主要针对的是视觉缺陷，失聪，行动不便的残疾人以及假装残疾的测试人员。 有人会说，我使用HTML5, 恩，确实，HTML5的出现大大增强了网页的可访问性和无障碍阅读，但是，其不是万能的，例如无法让盲人知道模拟控件的类型等。 ARIA开发实现ARIA实现很简单，只需给html5元素，增加ARIA属性与角色即可ARIA角色ARIA role可以像属性一样添加到HTML标记上。声明元素类型并建议其提供的信息作用。 /[翻译]如何在HTML5中有效使用ARIA https://www.cnblogs.com/wengxuesong/archive/2016/05/19/5501790.html转载本站文章《Web内容的无障碍性
1.6K21编辑于 2023-05-07来自专栏ThoughtWorks前端无障碍开发指南
Accessibility——无障碍设计&信息无障碍（也简称为 A11y），虽然常常会被解释为”为残障人士服务“，但其无障碍设计的核心在于为所有人提供同等的体验。 5. <html>标签没有设置lang属性。不同的语言类型在屏幕阅读器中的发音是不同的，比如six单词在法语和英文两种类型的屏幕阅读器中的发音就非常的不同。 Accessibility Initiative – Accessible Rich Internet Application)，即可访问的互联网富应用标准，致力于解决应用的可访问性问题，它与HTML5 在了解了无障碍的基本概念后，我们分别从 HTML、开发框架以及 CSS等角度，一起来看看无障碍页面的实现方式吧。 因为数值和触发的功能并没有逻辑联系 如果没有告知用户快捷键的存在，那么可以会造成用户误触 相关浏览器插件： taba11y - Chrome Web Store NerdeFocus - Chrome Web Store 规则 5：
2.3K20编辑于 2023-05-22来自专栏wOw的Android小站无障碍快捷方式相关代码
问题：无障碍快捷方式（Accessibility Shortcut）打开不生效。 ? 如图，打开功能后，长按power键会出现振动，震动后双指放在屏幕上会打开无障碍。 无障碍的功能从来没有接触过，也不清楚在哪个模块修改，所以下面记录一下如何快速定位这种问题的思路： 在Opengrok检索"Accessibility Shortcut"找到字串accessibility_global_gesture_preference_title
2.2K10发布于 2018-09-18来自专栏姓王者的博客通过创建小测验学习无障碍
无障碍环境正在使你的网页便于所有人使用——甚至是残疾人。 在这个课程中，你将建立一个测验网页。你将学习诸如键盘快捷键、ARIA 属性和设计最佳实践等无障碍工具。
<textarea id="css-textarea" name="css-questions" rows="<em>5</em>"<textarea id="css-textarea" name="css-questions" rows="<em>5</em>"31110编辑于 2024-10-31来自专栏JetPack山川湖海 - Android无障碍功能优化实践
本文主要分享Android无障碍功能的一些优化经验，希望看完本篇，可以帮助到你，以及哪些特殊的用户。 前言 最近我们团队收到了一些用户的反馈： 有用户反馈，我们的部分功能按钮在无障碍下无法正常识别。 所以无障碍功能是应用开发中的重要组成部分，通过集成无障碍功能和服务，可以提高应用的易用性尤其是对于残障用户而言。 - 对于无障碍的支持 GoogleIO-2021-无障碍分场 那无障碍适配是不是很困难啊？ 测试你的无障碍适配 相应的，Google 也提供了一些工具用于查看你的适配是否合理。 比如无障碍功能扫描仪，官方使用文档如下。 参考 随手记Android无障碍实践 Android无障碍适配准则 让自定义的视图使用起来没有障碍 Android无障碍功能帮助
1.3K20编辑于 2022-02-09来自专栏Web行业观察简单了解下无障碍设计模式
为了使具有运动和视觉敏感性的用户能舒适地使用界面，请遵循 Material Design 运动规范，该规范支持 W3C 的以下运动指南： 如果内容持续移动、滚动或闪烁的时间超过 5 秒，则会暂停、停止或隐藏 例如，播放视频 5 秒后，播放按钮控件可能会从屏幕上淡出。 高优先级的控件 避免在有高优先级功能的控件上使用定时器，因为如果这些控件消失的太快，用户可能不会注意到这些控件。 这种实现会需要额外的编码和测试，以使这种非标准控件和无障碍技术相兼容。 在打开平台无障碍功能的情况下，测试你的设计（实施期间和之后）。 测试和研究 遵循这些无障碍指南有助于提升应用的可访问性，但不能保证拥有一个完全可访问的体验。建议你也： 在打开各种无障碍技术的情况下，测试应用从开始到结束的完整的任务流程。 使用屏幕阅读器测试你的应用，以确定那些缺失无障碍文本、或需要更好的无障碍文本的区域。 保持简洁 保持内容和无障碍文本简短、并切中主题。屏幕阅读器用户会听到每个 UI 元素的朗读。
6.7K40发布于 2018-10-31来自专栏Web大前端Web Accessibility基础：构建无障碍的前端应用
Web Accessibility（网络无障碍）是确保所有人都能平等访问和使用网站和应用程序的关键。这包括视觉、听觉、运动和认知能力有限的用户。以下是一些构建无障碍前端应用的基础原则和代码示例：1. about" tabindex="0">About
- Contact
5. 定期测试使用自动化和人工测试工具（如axe，Pa11y，Lighthouse等）定期检查可访问性，并根据反馈进行改进。21.57010编辑于 2024-08-19来自专栏啄木鸟软件测试软件性能测试（连载5）
这个值不应该超过5。 ØPage Faults。 处理器页面错误计数。这个值大说明操作系统向内存读取错误数据过多。 •Physical disk。 Ø%Disk Time。 表3-3 磁盘的I/O数的计算方法 RAID类型计算方法RAID0(Reads+Writes)/Number of DisksRAID1(Reads+2×Writes)/2RAID5(Reads+4× 如果这个值持续增长或者性能测试终止后这个值仍旧不降，说明发生了内存泄露。 5．网络 •Network interface。 Ø Bytestotal/sec。
1.1K10发布于 2020-02-19来自专栏用户1337634的专栏JMeter5性能测试
本文介绍一下如何使用JMeter5完成性能测试 最简单执行计划 创建计划 添加Thread Group TestPlan -> Add -> Threads(Users) -> Thread Group 测试结果 ---- 高级功能 读取文件 上面的测试，每次发送的URL请求都是同一个，可能因为缓存等原因导致性能数据偏差。 可以使用读取CSV文件的方式，对每个请求构造不同的请求。 参数读取规则 配置完成后，可以在一次执行计划中根据CSV文件中配置的参数，构造不同的请求 NoGui 不要使用GUI界面进行性能测试 不要使用GUI界面进行性能测试 不要使用GUI界面进行性能测试 如果要执行性能测试，需要使用命令行模式，如下： . /jmeter -n -t ~/process.jmx -l result.jtl -n: No Gui模式 -t: 指定配置文件 -l: 指定测试结果文件 性能测试结果 在No Gui模式下生成的性能测试结果
1.5K20发布于 2019-03-27腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号