展开

关键词

无障碍设计

什么是「无障碍设计」,为什么它这么重要? 在这个多样化的世界上,并不是所有人都能毫无障碍、顺利地使用各种产品。 住宅楼入口坡道 无障碍设计不是创新的阻碍 无障碍设计并不会强迫设计师把设计变丑,变无聊,变杂乱。 做无障碍设计时,主要考虑以下 4 个主要方面: 视觉无障碍设计(visual) 听觉无障碍设计(hearing) 行动无障碍设计(mobility) 认知无障碍设计(cognition)。 1. 这种做法不太符合「无障碍设计」原则。 下面,是为满足「无障碍设计」做的一个改进方案。我在每一项后面都放上更小的铅笔图标,他们一直显示。 ? One solution. several plugins for annotating things like insufficient contrast ratio and other a11y violations ally.js

79060

如何做盲人认可的无障碍

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

18910
  • 广告
    关闭

    《云安全最佳实践-创作者计划》火热征稿中

    发布文章赢千元好礼!

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

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

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

    69110

    无障碍快捷方式相关代码

    问题:无障碍快捷方式(Accessibility Shortcut)打开不生效。 ? 如图,打开功能后,长按power键会出现振动,震动后双指放在屏幕上会打开无障碍无障碍的功能从来没有接触过,也不清楚在哪个模块修改,所以下面记录一下如何快速定位这种问题的思路: 在Opengrok检索"Accessibility Shortcut"找到字串accessibility_global_gesture_preference_title

    1K10

    山川湖海 - Android无障碍功能优化实践

    本文主要分享Android无障碍功能的一些优化经验,希望看完本篇,可以帮助到你,以及哪些特殊的用户。 前言 最近我们团队收到了一些用户的反馈: 有用户反馈,我们的部分功能按钮在无障碍下无法正常识别。 所以无障碍功能是应用开发中的重要组成部分,通过集成无障碍功能和服务,可以提高应用的易用性尤其是对于残障用户而言。 - 对于无障碍的支持 GoogleIO-2021-无障碍分场 那无障碍适配是不是很困难啊? 测试你的无障碍适配 相应的,Google 也提供了一些工具用于查看你的适配是否合理。 比如无障碍功能扫描仪,官方使用文档如下。 参考 随手记Android无障碍实践 Android无障碍适配准则 让自定义的视图使用起来没有障碍 Android无障碍功能帮助

    20520

    信息无障碍,我们能为视障人士做什么?

    W3C WAI在网站无障碍、用户代理无障碍、编辑工具无障碍等方面推出了系列标准,如《Web内容无障碍指南》(Web Content Accessibility Guidelines,WCAG2.0)网页无障碍标准 Microsoft公司在网站上开辟无障碍栏目,在大众化产品上增加无障碍技术性能,并预留应用接口API支持无障碍技术,同时专门为残障人士开发无障碍产品。 除了政府的支持,深圳市信息无障碍研究会也对国内信息无障碍发展起了重要的促进作用。 同盟会以产品为单位自愿加入,倡议在产品设计上,遵循一系列无障碍规范,满足无障碍体验;在产品开发上,为无障碍设备接入提供便利,让盲人能用得起来;在研发流程上,确保出场产品经过无障碍检验,实现无障碍承诺。 国庆假期前,“视障信息无障碍工程师”团队完成了“微信 Android 6.0 版本”的信息无障碍测试,并为微信团队提供专业的信息无障碍咨询服务。

    1.9K40

    简单了解下无障碍设计模式

    无障碍 无障碍设计使任何人(无论什么能力)都能成功地浏览、理解和使用您的应用。 原则 一款设计良好的产品可供所有能力的用户使用,包括视力低下、失明、听力障碍、认知障碍或运动障碍的用户。 有关设计和开发完全无障碍的产品的详情,请访问Google 无障碍网站。 明确的 通过使用清晰的布局设计、功能明确的操作,来帮助用户浏览你的应用。 实施 通过使用标准的平台控件,你的应用将自动包含与平台无障碍技术协同工作所需的标记和代码。调整你的应用,以兼容每个平台的无障碍功能标准和无障碍技术(包括快捷方式和结构),为用户提供更高效的体验。 这种实现会需要额外的编码和测试,以使这种非标准控件和无障碍技术相兼容。 在打开平台无障碍功能的情况下,测试你的设计(实施期间和之后)。 使用屏幕阅读器测试你的应用,以确定那些缺失无障碍文本、或需要更好的无障碍文本的区域。 保持简洁 保持内容和无障碍文本简短、并切中主题。屏幕阅读器用户会听到每个 UI 元素的朗读。

    1.2K40

    关于面包屑的无障碍讨论

    几天前收到一位盲人朋友的邮件,内容如下“您好 能不能增加一个快速跳到新闻列表第一个的热键呢” 这个需求并不是个例。 我开始纠结于一个事情:在文章的底层页如何确定...

    22810

    关于信息无障碍我们能做些什么

    但印象中,却很少听说有团队会专门花精力去优化网站的无障碍访问的问题。 ,据我所知它设计的初衷是为了方便轮椅上下台阶,但是实际上大家应该都有发现,它也方便了自行车和婴儿推车;你可能见过很多电梯的按钮都刻有盲文,很多地铁站都设有无障碍通道,无障碍卫生间等等,这些都与无障碍有关 信息无障碍,英文来自Accessibility,但是这篇文章我们主要聊一聊Web的无障碍问题,相比于W3C的定义,其实我更喜欢维基百科给出的解释。 其实只要你用心去发现,这些都在诠释着无障碍这个字眼。 ---- 凡事总得有标准 WCAG是W3C发布的一套网络内容可访问性指南,它是目前网络无障碍的国际标准,合规等级分为三级(A、AA 和 AAA)。 W3C也提供了各个国家的相关无障碍法,有若干国家在其网络无障碍功能法律要求中明令,必须使用国际标准指南,了解过国内的一些资料,虽然到现在已经有一些 App 优化了很多的无障碍功能,但是大部分的网站无障碍访问依然不是很乐观

    47120

    山川湖海 - Android无障碍功能优化实践

    所以无障碍功能是应用开发中的重要组成部分,通过集成无障碍功能和服务,可以提高应用的易用性尤其是对于残障用户而言。 - 对于无障碍的支持 GoogleIO-2021-无障碍分场 那无障碍适配是不是很困难啊? 主要是因为在适配无障碍模式时,无障碍服务在读取到 Image 时,如果此时增加了描述信息,则会 直接读出文本名字 ,但如果此时这是一个可以交互的按钮呢? 测试你的无障碍适配 相应的,Google 也提供了一些工具用于查看你的适配是否合理。 比如无障碍功能扫描仪,官方使用文档如下。 是谁来自山川湖海,却囿于昼夜、厨房与爱 《万能青年旅店乐队》 参考 随手记Android无障碍实践 Android无障碍适配准则 让自定义的视图使用起来没有障碍 Android无障碍功能帮助 我是Petterp

    9310

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

    对那时的我来说,无障碍永远是“考虑考虑”的事,直到有一天我收到了来自我的一个项目的用户的邮件。 ? 我是盲人,用了很长一段时间才弄清楚它们的内容 :/来自某人” 在收到邮件的时候,无障碍功能的开发是放在我开发队列的最后面的,基本上它就是个“事后有空再添加”的想法而已。但是,这封邮件唤醒了我。 在互联网中,有许多的人需要无障碍阅读功能来理解网站、应用、项目等事物的用途。

    39610

    UI 设计中的视觉无障碍设计

    UI 设计中的视觉无障碍设计 2017-12-10 10:58 我给博客改了主题色,从 这样的 改成了 这样的;然而我问小伙伴看看效果他却并没有发现改变 UI 设计中的视觉无障碍设计 作为三色视觉的程序员和设计师,刚刚我们想象了一把双色视觉的色盲世界,又被四色视觉的异人逼着看叶子的形状找草体验了一把当色盲的感觉。 但是我们可以尽量照顾到红绿色盲人群,因为这在色盲人种的比例是最高的,剩余的人群占比非常低,我们将考虑用非颜色元素来实现无障碍设计。 那么,如何挑选呢? 推荐一些工具用来手工检查界面是否做到了无障碍设计 本文开头我们说到色盲模拟器并不能模拟色盲眼中的世界,但是我们却可以用这些模拟器来评估我们的 UI 设计是否能让色盲者无障碍地使用。 - 知乎 无障碍设计:为色盲用户多走一步 本文会经常更新,请阅读原文: https://walterlv.com/post/ui-design-for-color-blindness.html

    67020

    山川湖海 | Android无障碍代理的那些事

    本篇是无障碍系列第二篇 - Android无障碍代理的那些事 本篇将聊一聊什么是无障碍代理,及结合实际场景,分享一下我们对于无障碍代理的使用,并且如何让其更加易用。 什么是无障碍代理? 当用户在无障碍模式下时,用户在界面上与View的所有操作,都会触发相应的无障碍事件,这些事件最终由 无障碍服务处理 ,其会利用这些事件中的信息生成反馈和提示。 响应无障碍事件,完善自定义的无障碍提示,以及做出一些更改 捕获在用户无障碍下的行为信息,比如做数据统计或分析 前者这也是无障碍代理诞生的主因,而后者是我们近期在排查时,发现某个厂商sdk其内部的一个操作 通过此步骤,父视图可以使用其他信息修改无障碍事件。仅当您的自定义视图具有子视图且父视图可以向无障碍事件提供有助于无障碍服务的上下文信息时,才应实现此方法。 比如 View 自身的也有 isSelected 属性,你看看能不能做到只更改这个属性,就可以自动的适配无障碍下的选中状态。对于外部调用者而言,我无需去关心无障碍也能轻松适配。

    13000

    安卓应用和游戏的无障碍开发介绍

    我们已经为安卓开发人员创建了可用于 无障碍 开发的资源,您将在其中找到关于该主题的简单介绍,以及链接 使用 Material Design 来支持无障碍的需求 和最佳实践 开发更多的无障碍应用。 我们将在今年夏天晚些时候发表更加深入的文章,以提供关于无障碍设计和开发的更多建议。 三个聚焦无障碍的应用程序 这些应用和游戏给残障人士提供了在日常生活中更多访问和利用移动技术的机会。 一款有用的开发者工具,用于测试您的应用和游戏的无障碍功能 测试您的应用程序的无障碍功能是您开发过程中的的关键部分。 无障碍扫描程序已打开并准备分析应用程序 我们希望您会使用无障碍扫描程序来改善自己的应用程序的无障碍性,而且它也允许您向其他开发人员提供无障碍的改进建议。 看看我的下一篇文章,它将深入探讨无障碍开发,同时请记得看一下 Google Play 中的 新的无障碍应用收藏夹。

    59310

    增强网站无障碍功能的十条准则

    图片库常常就是使用a标签以及href链接,这样如果禁用了js那么浏览器也能正常处理点击事件。 如果你想,也可以改个名字,比如.pottersCloak,FYI. 9.遵循网站无障碍功能标准(大约每周花30分钟) 网络无障碍是很难达到,所以就有了标准和一些规范作为指导。 hl=en) 另一个你可以每天都来测试无障碍功能的浏览器插件。 WAVE:(http://wave.webaim.org/) 由WebAIM做的一款网络无障碍功能评估的工具。 Aerolab在网络无障碍功能方面的经验 我们一直在努力把测试变成日常工作习惯。 ---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式的UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全

    56730

    山川湖海 - Android无障碍代理的那些事

    本篇是无障碍系列第二篇 - Android无障碍代理的那些事 本篇将聊一聊什么是无障碍代理,及结合实际场景,分享一下我们对于无障碍代理的使用,并且如何让其更加易用。 什么是无障碍代理? 当用户在无障碍模式下时,用户在界面上与View的所有操作,都会触发相应的无障碍事件,这些事件最终由 无障碍服务处理 ,其会利用这些事件中的信息生成反馈和提示。 响应无障碍事件,完善自定义的无障碍提示,以及做出一些更改 捕获在用户无障碍下的行为信息,比如做数据统计或分析 前者这也是无障碍代理诞生的主因,而后者是我们近期在排查时,发现某个厂商sdk其内部的一个操作 通过此步骤,父视图可以使用其他信息修改无障碍事件。仅当您的自定义视图具有子视图且父视图可以向无障碍事件提供有助于无障碍服务的上下文信息时,才应实现此方法。 比如 View 自身的也有 isSelected 属性,你看看能不能做到只更改这个属性,就可以自动的适配无障碍下的选中状态。对于外部调用者而言,我无需去关心无障碍也能轻松适配。

    11740

    京喜小程序首页无障碍优化实践

    前言— 本文参考 WCAG 2.1 、WAI-ARIA 和 Web 可访问性与无障碍最佳实践,在京喜小程序首页无障碍优化开发中,总结了一些“无障碍优化”在小程序端的实践,希望以此推动无障碍在小程序更多地落地 障碍群体 无障碍 无障碍 (Accessibility),是指在发展过程中没有阻碍,活动能够顺利进行。从无障碍引申的相关词汇有,无障碍设施、信息无障碍无障碍交流等等。 除物质环境的无障碍设施,无障碍设施还可以扩展到信息和交流的无障碍,比如互联网中的网站设计、网上办事、购物交互等。 ? 早在 1997 年 2 月,万维网联盟 (W3C) 为了提升网络的无障碍性,成立了网络无障碍推动 (WAI)小组,并制定了一系列的关于网络无障碍的标准、规范、检测表以及无障碍的技术,并与世界各地的组织携手合作 无障碍优化开发— 在了解小程序的无障碍优化之前,首先需要了解 Web 无障碍开发的基础知识,及读屏软件的工作方式。 读屏软件 无障碍访问的关键点 —— 使用屏幕阅读器。

    31420

    相关产品

    • Serverless  SSR

      Serverless SSR

      Serverless SSR 基于云上 Serverless 服务,开发了一系列服务端渲染框架组件,目前支持 Next.js, Nuxt.js 等常见 SSR 框架的快速部署,帮助用户实现框架迁移, “0”配置,SEO 友好,首屏加载速度快,为用户提供了便捷实用,开发成本低的网页应用项目的开发/托管能力。

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券