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

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

来自专栏网页杂谈
无障碍安装Windows11
安装程序下载微PE工具箱和 Windows11 ISO镜像文件，下载地址见文末。并把下载好的Windows11镜像文件复制到U盘中。点击此电脑进入U盘找到之前下载的Windows11镜像文件,右键点击“装载” 双击setup.exe 点击“下一页” 中间有些可以自己喜好选择就行了。点击“现在安装” 最后安装完重启电脑就出现上面Windows11的界面了。到此Windows11安装完成，受此鼓舞，升级仅TMP2.0达不到要求的台机就更简单了。虽然现阶段玩不起Mac Studio，但电脑系统还是要与时俱进的！比较奇怪的是我登陆用之前Windows10时的账号，登陆Windows11后系统自动激活了。
1.1K10编辑于 2022-11-11
来自专栏前端小菜鸡yym
React 无障碍
---- 这是我参与11月更文挑战的第20天，活动详情查看：2021最后一次更文挑战」 无障碍 JSX 支持所有 aria-* HTML 属性。语义化的 HTML 语义化的 HTML 是无障碍辅助功能网络应用的基础。利用多种 HTML 元素来强化您网站中的信息通常可以使您直接获得无障碍辅助功能。有时，语义化的 HTML 会被破坏。
50030编辑于 2023-01-12
来自专栏ThoughtWorks
无障碍性测试工具 Pa11y｜技术雷达
Pa11y是基于HTML codeSinffer以及PhantomJS制作而成的网站内容A11y自动化检查工具。另外和其他A11y测试工具相比，除了免费和开源之外，Pa11y还衍生出了许多不同目的的、基于核心工具Pa11y的Pa11y-X工具。比如支持并发多线测试和测试/生产环境隔离，而且可以存储每次执行结果的Pa11y-Webservice；又比如支持非技术用户使用、操作配置简单易懂、集成了Pa11y-Webserivce的前后端一体工具Pa11y-Dashboard Pa11y-Dashboard还提供可视化图表，协助分析质量趋势。 ? 另外，基于Pa11y这个核心工具还衍生出了专为CI准备和优化过的命令行工具Pa11y-CI等工具。随着需求的增加，这个平台里面的工具也在Pa11y team的维护下逐渐增多，逐渐形成了一个A11y测试工具全家桶。 ?
1.2K50发布于 2018-04-17
来自专栏Web前端
无障碍网页设计（A11Y）：提升用户体验，践行社会责任
无障碍网页设计（A11Y）不仅是提升用户体验的关键举措，更是我们作为开发者、设计师和内容创作者，积极践行社会责任的重要体现。在这篇文章中，将探讨无障碍网页设计的核心价值，分享一些实用的设计原则与技巧，并通过代码示例来展示如何将这些理念融入到实际项目中。一、无障碍设计的价值观与社会意义 1. 优化通用用户体验 无障碍设计原则往往强调清晰的结构、简洁的内容和直观的交互，这些要素对于任何用户来说都是提升体验的基石。因此，致力于无障碍设计实际上是在提升所有用户的整体使用感受，而非仅限于特定群体。二、无障碍设计实践指南与代码示例 1. 图片结语 无障碍网页设计并非一项额外负担，而是提升用户体验、拓宽用户群体和履行社会责任的必然选择。
60710编辑于 2024-04-16
来自专栏韩曙亮的移动开发专栏
【Android 应用开发】Android 无障碍开发简介 ( Android 无障碍开发辅助技术 | 启用 TalkBack 无障碍功能 | TalkBack 无障碍开发示例 )
文章目录一、Android 无障碍开发辅助技术二、启用 TalkBack 无障碍功能三、TalkBack 无障碍功能代码示例官方文档 : Android 无障碍功能概览一、Android 无障碍开发辅助技术 ---- Android 无障碍开发的作用是为残障人士提供更好的移动设备使用体验 ; 借助 无障碍开发可以降低访问设备应用程序的难度 ; Android 为 无障碍开发提供了多种辅助技术 , 使用键盘 , 鼠标等外设控制焦点 , 正确地管理焦点是关键 ; 二、启用 TalkBack 无障碍功能 ---- 进入 Android 设备系统设置 , 选择 " 无障碍 " 选项 ; 在 无障碍 界面中 , 选择 " 音量快捷键方式 TalkBack " 选项 ; 开启 TalkBack , 使用时 , 同时按下两个音量键 , 即可启用 TalkBack 无障碍功能 ; 三、 无障碍功能后 , 浏览该布局页面时 , 会读取组件中配置的 android:contentDescription 属性 ; TalkBack 无障碍功能代码示例 : <Button android
2.5K20编辑于 2023-04-02
来自专栏脑洞前端
无障碍设计
什么是「无障碍设计」，为什么它这么重要？在这个多样化的世界上，并不是所有人都能毫无障碍、顺利地使用各种产品。做无障碍设计时，主要考虑以下 4 个主要方面：视觉无障碍设计（visual）听觉无障碍设计（hearing）行动无障碍设计（mobility）认知无障碍设计（cognition）。 1. Anybody can be an A11y Slacker：the A11y Slackers channel is full of people from around the world who’ detailed instructions, see the full list of VoiceOver commands and the list of VoiceOver Web commands. tota11y document that triggers several plugins for annotating things like insufficient contrast ratio and other a11y
1.9K60发布于 2019-10-24
来自专栏教你做小游戏
什么是无障碍适配？
今天，本文会给大家介绍一下：什么是无障碍适配。后续我将继续给大家介绍，如何实现无障碍适配。什么是无障碍要给网页做无障碍适配，我们需要明白：什么是无障碍。百度百科定义：无障碍，在发展过程中没有阻碍，活动能够顺利进行。我们要做的核心工作就是：开发 无障碍软件可识别的 Web页面，让障碍群体借助操作系统的 无障碍软件，可以正常访问、使用我们的 Web页面。，而iOS对无障碍适配就非常优秀。推荐阅读MDN对无障碍的介绍Apple对无障碍的支持Android对无障碍的支持写在最后我是HullQin，公众号线下聚会游戏的作者（欢迎关注我，交个朋友）。转发本文前需获得作者HullQin授权。
3.9K73编辑于 2023-05-29
来自专栏教你做小游戏
Web如何适配无障碍？
上篇文章介绍了《什么是无障碍适配？》，推荐大家先读一下。今天我给大家介绍，前端开发者如何实现无障碍适配。1. 认识ARIA你需要了解一下ARIA。这是不对的，无障碍软件可能无法识别到它是有点击事件的，就不会播报出来。建议点击事件尽量只绑定在或<button>这种原生clickable的元素上，而不是
上。3.
4.5K63编辑于 2023-05-29
来自专栏FunTester
可访问性测试（无障碍测试）
无障碍环境与法律美国残疾人法案:这项法律规定，所有领域，如公共建筑、学校和组织，都应该让每个人都能使用这项技术。误解4:无障碍测试是针对盲人和残疾人的。事实:软件对所有人都是有用的，因此这个测试是针对所有用户的。 无障碍测试的挑战以下是无障碍指南试图解决的一些常见挑战或困难: 伤残类型伤残描述视觉障碍‍‍ 完全失明或色盲或视力差视觉问题，如视觉频闪和闪烁效果问题身体残疾难以使用键盘或鼠标认知障碍学习困难或记忆力差很少有其他部门也制定了自己的指南，但这些指南也遵循了Web无障碍倡议(WAI)指南。 #11)内容缩放:试着缩小图像，检查它是否可读。自动易访问性测试随着自动化在测试领域的广泛传播，我们也可以将自动化用于可访问性检查。我们有几个自动化测试工具。
1.5K51编辑于 2023-08-04
来自专栏前端博客
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.6K21编辑于 2023-05-07
来自专栏ThoughtWorks
前端无障碍开发指南
Accessibility——无障碍设计&信息无障碍（也简称为 A11y），虽然常常会被解释为”为残障人士服务“，但其无障碍设计的核心在于为所有人提供同等的体验。在残障用户的页面访问流程中，每交互 19 个首页元素，就可能遇到一个无障碍错误图源：2022 年 The WebAIM Million 报告在这些页面无障碍错误中，96.5%的错误归属于以下五类：在了解了无障碍的基本概念后，我们分别从 HTML、开发框架以及 CSS等角度，一起来看看无障碍页面的实现方式吧。值可能不会出现在一些键盘上依赖于数值的 accesskey 可能会让具有认知障碍的用户感到困惑，因为数值和触发的功能并没有逻辑联系如果没有告知用户快捷键的存在，那么可以会造成用户误触相关浏览器插件： taba11y 提升前端框架的无障碍支持性规则 1：使用语义化 HTML 标签，完善 HTML 标签的属性规则 2：在设计组件时考虑整体的 HTML 结构维护层级明晰的 HTML 结构，对于 Web 应用的无障碍功能十分重要
2.3K20编辑于 2023-05-22
来自专栏wOw的Android小站
无障碍快捷方式相关代码
问题：无障碍快捷方式（Accessibility Shortcut）打开不生效。 ? 如图，打开功能后，长按power键会出现振动，震动后双指放在屏幕上会打开无障碍。 无障碍的功能从来没有接触过，也不清楚在哪个模块修改，所以下面记录一下如何快速定位这种问题的思路：在Opengrok检索"Accessibility Shortcut"找到字串accessibility_global_gesture_preference_title
2.2K10发布于 2018-09-18
来自专栏姓王者的博客
通过创建小测验学习无障碍
无障碍环境正在使你的网页便于所有人使用——甚至是残疾人。在这个课程中，你将建立一个测验网页。你将学习诸如键盘快捷键、ARIA 属性和设计最佳实践等无障碍工具。
31110编辑于 2024-10-31
来自专栏JetPack
山川湖海 - Android无障碍功能优化实践
本文主要分享Android无障碍功能的一些优化经验，希望看完本篇，可以帮助到你，以及哪些特殊的用户。前言最近我们团队收到了一些用户的反馈：有用户反馈，我们的部分功能按钮在无障碍下无法正常识别。所以无障碍功能是应用开发中的重要组成部分，通过集成无障碍功能和服务，可以提高应用的易用性尤其是对于残障用户而言。 - 对于无障碍的支持 GoogleIO-2021-无障碍分场那无障碍适配是不是很困难啊？测试你的无障碍适配相应的，Google 也提供了一些工具用于查看你的适配是否合理。比如无障碍功能扫描仪，官方使用文档如下。参考随手记Android无障碍实践 Android无障碍适配准则让自定义的视图使用起来没有障碍 Android无障碍功能帮助
1.3K20编辑于 2022-02-09
来自专栏Web行业观察
简单了解下无障碍设计模式
无障碍 无障碍设计使任何人（无论什么能力）都能成功地浏览、理解和使用您的应用。原则一款设计良好的产品可供所有能力的用户使用，包括视力低下、失明、听力障碍、认知障碍或运动障碍的用户。有关设计和开发完全无障碍的产品的详情，请访问Google 无障碍网站。明确的通过使用清晰的布局设计、功能明确的操作，来帮助用户浏览你的应用。实施通过使用标准的平台控件，你的应用将自动包含与平台无障碍技术协同工作所需的标记和代码。调整你的应用，以兼容每个平台的无障碍功能标准和无障碍技术（包括快捷方式和结构），为用户提供更高效的体验。这种实现会需要额外的编码和测试，以使这种非标准控件和无障碍技术相兼容。在打开平台无障碍功能的情况下，测试你的设计（实施期间和之后）。使用屏幕阅读器测试你的应用，以确定那些缺失无障碍文本、或需要更好的无障碍文本的区域。保持简洁保持内容和无障碍文本简短、并切中主题。屏幕阅读器用户会听到每个 UI 元素的朗读。
6.7K40发布于 2018-10-31
来自专栏Web大前端
Web Accessibility基础：构建无障碍的前端应用
Web Accessibility（网络无障碍）是确保所有人都能平等访问和使用网站和应用程序的关键。这包括视觉、听觉、运动和认知能力有限的用户。以下是一些构建无障碍前端应用的基础原则和代码示例：1. -- Footer content --> </body>11. 视觉指示器为交互元素添加视觉反馈，如悬停、聚焦和激活状态。. 定期测试使用自动化和人工测试工具（如axe，Pa11y，Lighthouse等）定期检查可访问性，并根据反馈进行改进。21.
57010编辑于 2024-08-19
来自专栏JetPack
山川湖海 - Android无障碍功能优化实践
所以无障碍功能是应用开发中的重要组成部分，通过集成无障碍功能和服务，可以提高应用的易用性尤其是对于残障用户而言。 - 对于无障碍的支持 GoogleIO-2021-无障碍分场那无障碍适配是不是很困难啊？主要是因为在适配无障碍模式时，无障碍服务在读取到 Image 时，如果此时增加了描述信息，则会直接读出文本名字，但如果此时这是一个可以交互的按钮呢？测试你的无障碍适配相应的，Google 也提供了一些工具用于查看你的适配是否合理。比如无障碍功能扫描仪，官方使用文档如下。是谁来自山川湖海，却囿于昼夜、厨房与爱《万能青年旅店乐队》参考随手记Android无障碍实践 Android无障碍适配准则让自定义的视图使用起来没有障碍 Android无障碍功能帮助我是Petterp
1.2K21编辑于 2022-01-24
来自专栏ThoughtWorks
关于信息无障碍我们能做些什么
，据我所知它设计的初衷是为了方便轮椅上下台阶，但是实际上大家应该都有发现，它也方便了自行车和婴儿推车；你可能见过很多电梯的按钮都刻有盲文，很多地铁站都设有无障碍通道，无障碍卫生间等等，这些都与无障碍有关 W3C也提供了各个国家的相关无障碍法，有若干国家在其网络无障碍功能法律要求中明令，必须使用国际标准指南，了解过国内的一些资料，虽然到现在已经有一些 App 优化了很多的无障碍功能，但是大部分的网站无障碍访问依然不是很乐观很多发达国家，比如美国、欧洲、日本等国家都会针对 a11y 立法，不符合 a11y 的软件或者程序很多都不在政府机关等的采购范围内。有着同样效果的 Chrome 插件 ax ，WAVE，只是提示error 的方式有些区别，基本都是类似的，还有可以自动化检查A11y问题的工具， pa11y同样可以集成到CI，其实工具有很多，可能只差一个开始 - 相关阅读 - 为低资源地区建造数字化医药库存系统 无障碍性测试工具 Pa11y
1.1K20发布于 2019-10-28
来自专栏京程一灯
使用 AI 为 Web 网页增加无障碍功能
对那时的我来说，无障碍永远是“考虑考虑”的事，直到有一天我收到了来自我的一个项目的用户的邮件。 ? 我是盲人，用了很长一段时间才弄清楚它们的内容 :/来自某人” 在收到邮件的时候，无障碍功能的开发是放在我开发队列的最后面的，基本上它就是个“事后有空再添加”的想法而已。但是，这封邮件唤醒了我。在互联网中，有许多的人需要无障碍阅读功能来理解网站、应用、项目等事物的用途。
1.1K10发布于 2019-03-28
来自专栏JetPack
山川湖海 | Android无障碍代理的那些事
本篇是无障碍系列第二篇 - Android无障碍代理的那些事本篇将聊一聊什么是无障碍代理，及结合实际场景，分享一下我们对于无障碍代理的使用,并且如何让其更加易用。什么是无障碍代理？当用户在无障碍模式下时，用户在界面上与View的所有操作，都会触发相应的无障碍事件，这些事件最终由 无障碍服务处理，其会利用这些事件中的信息生成反馈和提示。响应无障碍事件，完善自定义的无障碍提示,以及做出一些更改捕获在用户无障碍下的行为信息,比如做数据统计或分析前者这也是无障碍代理诞生的主因，而后者是我们近期在排查时，发现某个厂商sdk其内部的一个操作通过此步骤，父视图可以使用其他信息修改无障碍事件。仅当您的自定义视图具有子视图且父视图可以向无障碍事件提供有助于无障碍服务的上下文信息时，才应实现此方法。比如 View 自身的也有 isSelected 属性，你看看能不能做到只更改这个属性,就可以自动的适配无障碍下的选中状态。对于外部调用者而言，我无需去关心无障碍也能轻松适配。
1K00编辑于 2022-04-20

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

点击加载更多