首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用 AI 为 Web 网页增加无障碍功能

所以,我决定做这么一个工具,来帮助视障人士通过 AI 的力量来“看”互联网。...对那时的我来说,无障碍永远是“考虑考虑”的事,直到有一天我收到了来自我的一个项目的用户的邮件。 ?...我是盲人,用了很长一段时间才弄清楚它们的内容 :/来自某人” 在收到邮件的时候,无障碍功能的开发是放在我开发队列的最后面的,基本上它就是个“事后有空再添加”的想法而已。但是,这封邮件唤醒了我。...在互联网中,有许多的人需要无障碍阅读功能来理解网站、应用、项目等事物的用途。...最近我接触、学习了 Tensorflow —— 一个用于机器学习开发的开源库,开始深入研究机器学习与 AI

83510
您找到你想要的搜索结果了吗?
是的
没有找到

【Android 应用开发】Android 无障碍开发简介 ( Android 无障碍开发辅助技术 | 启用 TalkBack 无障碍功能 | TalkBack 无障碍开发 示例 )

文章目录 一、Android 无障碍开发辅助技术 二、启用 TalkBack 无障碍功能 三、TalkBack 无障碍功能代码示例 官方文档 : Android 无障碍功能概览 一、Android 无障碍开发辅助技术...---- Android 无障碍开发 的作用是 为 残障人士 提供 更好的移动设备使用体验 ; 借助 无障碍开发 可以 降低 访问设备应用程序 的难度 ; Android 为 无障碍开发 提供了 多种辅助技术..., 使用键盘 , 鼠标 等外设控制焦点 , 正确地管理焦点 是关键 ; 二、启用 TalkBack 无障碍功能 ---- 进入 Android 设备系统设置 , 选择 " 无障碍 " 选项 ;...在 无障碍 界面中 , 选择 " 音量快捷键方式 TalkBack " 选项 ; 开启 TalkBack , 使用时 , 同时按下两个音量键 , 即可启用 TalkBack 无障碍功能 ; 三、...无障碍功能后 , 浏览该布局页面时 , 会读取 组件中配置的 android:contentDescription 属性 ; TalkBack 无障碍功能代码示例 : <Button android

1.9K20

无障碍设计

什么是「无障碍设计」,为什么它这么重要? 在这个多样化的世界上,并不是所有人都能毫无障碍、顺利地使用各种产品。...优秀的无障碍设计,不仅能让残疾人用户正常地与产品交互;还会为普通人提供更好的使用体验。 ? 举个例子,住宅楼入口设置的坡道,本是方便使用轮椅的用户出入。...住宅楼入口坡道 无障碍设计不是创新的阻碍 无障碍设计并不会强迫设计师把设计变丑,变无聊,变杂乱。...做无障碍设计时,主要考虑以下 4 个主要方面: 视觉无障碍设计(visual) 听觉无障碍设计(hearing) 行动无障碍设计(mobility) 认知无障碍设计(cognition)。 1....这种做法不太符合「无障碍设计」原则。 下面,是为满足「无障碍设计」做的一个改进方案。我在每一项后面都放上更小的铅笔图标,他们一直显示。 ? One solution.

1.3K60

AI无障碍,AIoT 设备为视障人群提供便利

为此,广东技术师范大学和武汉科技大学的研究者基于智慧物联网共同开发了一套视障辅助设备,通过 AI 算法和传感器为视障人群的生活带来便利。...图 13:集成的 APP 界面 关注普遍的眼健康 虽然无障碍设施正在多个场景不断普及,但这些设备更多针对行动不便的人群。对于身处黑暗的视障人群而言,他们需要更多的无障碍设施。...在「我的世界」、「炉石传说」等游戏社区中,也有热心玩家开发了无障碍的模组 (Mod) 帮助改善视障人群的游戏体验。...今天是第 23 个世界视力日,希望大家能够关注视力健康,同时向身边的视障人群贡献一臂之力,与 AI 携手构建无障碍世界。

40320

什么是无障碍适配?

今天,本文会给大家介绍一下:什么是无障碍适配。后续我将继续给大家介绍,如何实现无障碍适配。什么是无障碍要给网页做无障碍适配,我们需要明白:什么是无障碍。...百度百科定义:无障碍,在发展过程中没有阻碍,活动能够顺利进行。...我们要做的核心工作就是:开发 无障碍软件 可识别的 Web页面,让障碍群体借助操作系统的 无障碍软件,可以正常访问、使用我们的 Web页面。...,而iOS对无障碍适配就非常优秀。...推荐阅读MDN对无障碍的介绍Apple对无障碍的支持Android对无障碍的支持写在最后我是HullQin,公众号线下聚会游戏的作者(欢迎关注我,交个朋友)。转发本文前需获得作者HullQin授权。

3.1K73

如何做盲人认可的无障碍

2013年年初的时候,我有幸和bryanchen、carinaliu两位同事做了一次QQ无障碍商务拓展宣传活动,去到一对盲人夫妇家里将QQ2008升级为2013并作无障碍方面的推广和搜集工作,在整个过程中...当我们依靠我们的经验与技术标准实现“客观”的无障碍的时候,肯定会与盲人“主观”的无障碍有区别。所以他们觉得不方便了。...而我觉得,我们应该从现在开始在最初做产品的时候,就把无障碍做为一个必要的条件加入进去,使产品从“历史”阶段就在无障碍方面进入正轨。从最开始就让用户在一个相对正确的环境中去使用。...所以单独只说QQ2013不支持无障碍,这是不公平的。可惜没有办法,我们不能奢望用户去了解技术。...2013版QQ一出来盲人就用不了,而腾讯却认为它无障碍,所以从维权的角度说,2013版QQ一定要变成我们所说的无障碍,同时,考虑到(盲人)群体不会很快适应,所以也应该把2008版保留。

57521

可访问性测试(无障碍测试)

什么是网页可访问性(无障碍): 网络是向所有人开放的,作为一个测试者(也是人),我们有责任检查它是否对所有用户开放。反过来,这将为业务的成功做出很大贡献,因为我们努力让每个用户都能访问应用程序。...无障碍环境与法律 美国残疾人法案:这项法律规定,所有领域,如公共建筑、学校和组织,都应该让每个人都能使用这项技术。...误解4:无障碍测试是针对盲人和残疾人的。 事实:软件对所有人都是有用的,因此这个测试是针对所有用户的。...无障碍测试的挑战 以下是无障碍指南试图解决的一些常见挑战或困难: 伤残类型 伤残描述 视觉障碍‍‍ 完全失明或色盲或视力差视觉问题,如视觉频闪和闪烁效果问题 身体残疾 难以使用键盘或鼠标 认知障碍 学习困难或记忆力差...很少有其他部门也制定了自己的指南,但这些指南也遵循了Web无障碍倡议(WAI)指南。

65051

腾讯信息无障碍历程(2009~2014)

联盟的工作内容主要包括信息无障碍相关的知识理念的宣传宣导,信息无障碍相关技术、工具的研发, 信息无障碍研发流程的建设、完善、落地,信息无障碍产品标准的制定、产品定级评审,其他信息无障碍相关的工作,如相关活动组织...作为腾讯网的无障碍代表,我开始跟大家共同学习和推进信息无障碍。...10月15日,第九届中国信息无障碍论坛,黄老师分享了《把鞋子打湿在做信息无障碍》,在这个演讲中介绍了去年一年公司在信息无障碍方面做的一些有意思的事情:无障碍投诉邮箱:投诉途径的统一;腾讯新闻:拥抱WAI-ARIA...;QQ手机输入法:拥抱talkback;视障用户内测团:研发流程的变革;通用方案:无障碍技术创新;QQ2013:解决了困扰3年多的障碍;无障碍硬件产品:小Q机器人;无障碍评级标准;无障碍专业测试团队;无障碍联盟...[图片] 11月8日,北京北航会议中心“W3C web无障碍研讨会”,作为公司信息无障碍的实践者,我与W3C无障碍负责人Judy,IBM无障碍专家Mary,无障碍培训负责人Shadi,W3C中国无障碍专家张昆

1.8K10

Web内容的无障碍性(1):概述为什么Accessibility无障碍如此重要

信息无障碍信息无障碍,英文词语来自“Accessibility”,是指任何人在任何情况下都能平等地、方便地、无障碍地获取信息、利用信息(注意是任何人,无论是健全人还是残疾人,无论是年轻人还是老年人等等)...首先,我们要对Accessibility(无障碍)的一些错误认识进行一些纠正:这样一个词,很多人自然地跟残障人士联系起来,因为经常可以看到无障碍坡道、无障碍洗手间这样的词语。...为什么无障碍如此重要(帮助残障人士)为什么不是所有网站都能无障碍访问?你可能也会问自己为什么存在“无障碍”的问题,为什么不是所有网站都能让所有用户无障碍访问?...然后,web无障碍访问不仅仅帮助到残障人士,良好理解和遵循Web无障碍设计,可以让所有用户都受益、更好的服务用户。...所以,无障碍访问是可以直接带来经济效益的为什么没有实现实现无障碍?是能力问题还是被忽略了?目前我国99%的网站,由于没有实现无障碍,盲人难以正常浏览访问网站。

73410

前端无障碍开发指南

Accessibility——无障碍设计&信息无障碍(也简称为 A11y),虽然常常会被解释为”为残障人士服务“,但其无障碍设计的核心在于为所有人提供同等的体验。...在残障用户的页面访问流程中,每交互 19 个首页元素,就可能遇到一个无障碍错误 图源:2022 年 The WebAIM Million 报告 在这些页面无障碍错误中,96.5%的错误归属于以下五类:...每个需要暴露给 ATs 辅助技术的 DOM 元素都对应一个在可访问树中存在的无障碍对象。...在了解了无障碍的基本概念后,我们分别从 HTML、开发框架以及 CSS等角度,一起来看看无障碍页面的实现方式吧。...提升前端框架的无障碍支持性 规则 1:使用语义化 HTML 标签,完善 HTML 标签的属性 规则 2:在设计组件时考虑整体的 HTML 结构 维护层级明晰的 HTML 结构,对于 Web 应用的无障碍功能十分重要

93620

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

78821

8.3 入口函数

8.3 入口函数 所谓入口函数,即一个程序执行的入口,例如 C\C++程序中的 main()函数。...通常高级语言程序中只有一个入口函数,不过由于着色程序分为顶点程序和片断程序,两者对应着图形流水线上的不同阶段,所以这两个程序都各有一个入口函数。...顶点程序和片段程序有且只有一个入口函数,当程序进行编译时,需要指定入口函数名称(参阅 4.4 节 CG 编译),除非入口函数名为 main。...当我们编写或阅读 Cg 代码时,如何区分哪个函数是入口函数呢?或者哪个入口函数对应着顶点程序或片段程序?事实上,顶点程序和片段程序的入口函数形式,已经完全由它们在渲染管线中所处的阶段所决定。...所以通过观察程序的输入输出语义绑定(参阅 7.5 节语义词与语义绑定),就可以区分入口函数对应到顶点程序还是片段程序。

1.1K40

藏在微信里的温度,无障碍开发框架分享

微信作为国民级应用,实现无障碍迫在眉睫。为了帮助他们更好地使用微信 App,Android微信完成了适老化及无障碍改造。...---- 看目录,点收藏 1 无障碍需求框架背景    1.1 无障碍需求    1.2 框架简介 2 无障碍开发基础知识    2.1 读屏软件识别View原理    2.2 读屏软件后的事件分发原理...4.2 具体实现 在「创建 View 的统一入口」去设置 TouchDelegate 代理,由父 View 作为TouchDelegate 的承载 View 去代理 Touch 事件,这里有几个问题需要解决...重点问题3:性能优化 背景:最初的 View 扩大方案执行时机是在创建 View 的统一入口,也就是在 LayoutInflate 的 onCreateView 中同步执行,每个 View 都得执行。...当说到无障碍,大家第一反应是弱势群体。实际上,无障碍是适用于全民的。每个人都可能有遇障时刻。

2.2K51
领券