在 Web 开发中出于多种原因,我们需要隐藏元素。 例如,一个按钮应该在移动中可见,而在桌面视口中隐藏。 或者,在移动设备上隐藏但要在桌面上显示的导航元素。 隐藏元素时有三种不同的状态:
一款设计良好的产品可供所有能力的用户使用,包括视力低下、失明、听力障碍、认知障碍或运动障碍的用户。改进产品的无障碍功能可以增强所有用户的可用性,这是非常值得做的事情。
首先声明一下,这篇文章虽然在微信平台不是我首发,但确实是小鸡君原创,因为文章写了有两年了,所以 CSDN ,博客园,还有两个公众号 程序员之家,安卓应用频道 等都有转载。阅读原文中的网友姬光就是我啦~别人转发了这么久,自己不发一个说不过去了,况且,咱还是原创不是?
编者按:本文作者:安佳,360 搜索事业部的前端开发工程师,W3C CSS 工作组成员。
现在,一个人出门必备的物品是什么?如果只能选择一件,我会选择手机。如果再加一件,那会是充电宝。
语义是指对一个词或者句子含义的正确解释。很多 HTML 标签也具有语义的意义,也就是说元素本身传达了关于标签所包含内容类型的一些信息。例如,当浏览器解析到标签时,它将该标签解释为包含这一块内容的最重要的标题。h1 标签的语义就是用它来标识特定网页或部分最重要的标题。
本文主要介绍了腾讯网新闻底层页无障碍阅读功能,该功能主要针对于盲人用户使用屏幕阅读器进行阅读而设计。主要优化了以下六个方面:1. 添加无障碍说明,使代码做为body的第一个元素,使用css样式代码控制此代码中的内容在视觉上不显示,只有使用屏幕阅读器才可以听到这个链接;2. 为页面中指向网站首页的链接添加title和accesskey属性,使按alt+1快捷键时可以阅读该title和链接地址;3. 为页面中的主导航所在代码区域添加accesskey和tabindex属性,使按alt+2快捷键时可以阅读该区域的内容;4. 为文字的正文区域添加title和accesskey属性,使按alt+3快捷键时可以阅读该区域的内容;5. 为评论的出入框添加accesskey属性,使按alt+4快捷键时可以阅读该区域的内容;6. 在鼠标在某个拥有title属性的区域时候,会出现悬停的小菜单提示,使用javascript脚本实现。该功能默认此区域的title值为空,当按下某快捷键的时候,对该快捷键绑定的区域进行动态的赋予title的值。
如果你创建了 Web 内容,那么即使从未写过一行代码或登录 CMS,你也可以在可访问性方面发挥作用。
XPS阅读器是一款专门为XPS格式的文件而打造的阅读器,能够帮助用户在这款软件中对XPS文件一键阅读,并且能够随时打开。对于不知道用什么打开xps文件的朋友可以下载这款专用阅读器,它还能对xps文件进行格式转换。
Vinux 5.1 发布了。Vinux 是演化自 Ubuntu 的发行,面向盲人及弱视用户的需求作了优化。Vinux 缺省提供两份屏幕阅读器,以及对布莱叶文的显示支持和友好的用户社区。当从这份自启动运行镜像引导时,迎接用户的将是 Orca 阅读器,它让用户能通过键盘命令来浏览图形化的 GNOME 桌面。此外,Brltty 还通过 Orca 提供级别 1 和级别 2 的布莱叶文输出。
在当今以移动为先的世界中,为企业和开发人员创建一个iOS应用程序是必不可少的。随着对PDF文档处理需求的增加,使用强大的PDF软件开发工具包(SDK)来构建iOS PDF阅读器和编辑器可以让最终用户轻松查看和编辑PDF文档。
作为一名 7 年多的前端开发者,我从未想过我的工作需要具有可访问性,直到最近才领悟。
确切的说是:使用Flash检测Windows平台下使用了MSAA API的辅助技术,并不能区分使用的是屏幕阅读器、屏幕放大器等。
在这篇文章中,我们向您展示了一个将工具和服务分类为bucket的框架,它可能会在前端开发过程中对您有所帮助。在每个类别中,我们都会讨论一个受欢迎的选择,同时也会给您一个可供选择的选择,以防您不同意我们最初的选择。让我们毫不迟疑地进入面向前端开发者的工具和服务的世界。
图片资源,在我们的业务中可谓是占据了非常大头的一环,尤其是其对带宽的消耗是十分巨大的。
在我看来,只有PDF编辑器(阅读器)的始祖,Acrobat DC才是最牛逼的PDF编辑器(阅读器),甚至,就连PDF文档的标准都是它制定的!因为它不只是可以阅读,还可以编辑PDF,合并多个PDF文件,以及将一个PDF文件分割成为多个PDF文件、格式转化等等常见的PDF操作。
之前帮我朋友检查他们的HTML/CSS项目时注意到一些错误在项目中重复出现。所以我决定写这篇文章,这样大家就可以对照检查你是否也会犯同样的错误。希望看完这篇文章对您有所帮助。
在数字时代,几乎大部分的书籍都有了电子版,因此,一款趁手的电子书阅读器对于我们来说非常的必要,特别是在 linux 系统上,接下来我们就盘点一下 linux 上比较好用的电子书阅读器。
出品 | OSC开源社区(ID:oschina2013) VS Code 1.75 已发布,此版本主要带来如下优化: 配置文件 - 创建和共享配置文件,以配置扩展、设置、快捷方式等。 VS Marketplace 签名 - 已发布的扩展现在默认进行代码签名。 辅助功能改进 - 终端屏幕阅读器模式、新的键盘快捷键。 更轻松地调整多视图大小 - 拖动布局角以一次调整多个视图的大小。 树视图搜索历史 - 在树视图中快速运行搜索历时。 更好的终端链接检测 - 检测包含空格、括号、行和列格式的链接。 新的 Git 命
作者 | Shantanu Kumar 责编 | 魏伟 对于机器学习和数据科学的初学者来说,最大的挑战之一是需要同时学习太多知识,特别是如果你不知道如何编码。你需要快速地适应线性代数、统计以及其他数学概念,并学习如何编码它们,对于新用户来说,这可能会有点难以承受。 如果你没有编码的背景并且发现很难学习下去,这时你可以用一个GUI驱动的工具来学习数据科学。当你刚开始学习的时候,可以集中精力学习实际的项目。一旦适应了基本的概念,你就可以在以后慢慢学习如何编写代码。 在今天的文章中,将介绍一个基于GUI的工具
作者 | Shantanu Kumar 责编 | 魏伟 对于机器学习和数据科学的初学者来说,最大的挑战之一是需要同时学习太多知识,特别是如果你不知道如何编码。你需要快速地适应线性代数、统计以及其他数学概念,并学习如何编码它们,对于新用户来说,这可能会有点难以承受。 如果你没有编码的背景并且发现很难学习下去,这时你可以用一个GUI驱动的工具来学习数据科学。当你刚开始学习的时候,可以集中精力学习实际的项目。一旦适应了基本的概念,你就可以在以后慢慢学习如何编写代码。 在今天的文章中,将介绍一个基于GUI的工具:
全称是 screen reader only,意为:(仅供)屏幕阅读器,这个 class 主要用于增强 accessbility(可访问性)。
我已经使用微软 Surface折叠屏一周多了, 这是我新喜欢的智能手机。它优化更多的业务,而不是消费者都是用相同的。但对于我使用智能手机的方式,它是一个更好的设备。让我给你解释原因。
作者丨Shantanu Kumar 翻译丨魏伟 对于机器学习和数据科学的初学者来说,最大的挑战之一是需要同时学习太多知识,特别是如果你不知道如何编码。你需要快速地适应线性代数、统计以及其他数学概念,并学习如何编码它们,对于新用户来说,这可能会有点难以承受。 如果你没有编码的背景并且发现很难学习下去,这时你可以用一个GUI驱动的工具来学习数据科学。当你刚开始学习的时候,可以集中精力学习实际的项目。一旦适应了基本的概念,你就可以在以后慢慢学习如何编写代码。 在今天的文章中,我将介绍一个基于GUI的工具:KNIM
你的一个运行于多设备网站(Your First Multi-device Site) 遵循的步骤: 1.定义信息架构(information architecture)和页面结构(structure
以前刚接触Kindle的时候,就在想什么时候墨水屏才能达到快刷不闪屏的水平,中间等了那么多年也没等到。
对初学者来说,有太多的东西需要同时学习是机器学习面临的最大挑战之一,特别在你不知道如何编码的情况下。如果你没有过编写代码的经验,那么你可以使用GUI驱动的工具开始学习数据科学。这篇文章将首先介绍一个基
最新全家桶激活码获取方法:https://docs.qq.com/doc/DS3hpVWFnQ2ZGVnhH
大数据文摘作品,转载要求见文末 作者 | Florian Beijers 编译 | summer,万如苑 这就是我:Florian Beijers,我还有个在编码圈广为流传的名字,Zersiax。 朋友们告诉我,这张照片拍得不错! 我是一个程序员,同时我也是个失明的人。 那些视力正常的小伙伴们,常会问我以下问题: 你怎么能读取屏幕中的信息? 哇!你怎么做到使用代码? 或者,人们最爱问的——“你做梦吗?” 基于此,我用这篇博文回答一下这三个问题。 我将尝试撰文给大家展示一下“盲人编程可行性”,以及“二十一
当今信息爆炸的时代,我们需要有效地管理和获取各种信息,而 RSS(Really Simple Syndication)阅读器成为了一个不可或缺的工具。RSS 阅读器可以帮助我们跟踪我们感兴趣的网站和博客的更新,同时减少了信息碎片化的问题。在这篇文章中,我们将介绍一些免费的 RSS 阅读器,以帮助你找到最适合你需求的工具。
大约七年前,谷歌决定关闭谷歌阅读器,这是一个世界闻名且深受喜爱的RSS阅读器,我觉得从那时起,没有其他服务像它一样受到如此真诚的哀悼。我还记得,当我打开HTC一款小巧的 Wildfire 阅读器时,那种温暖的感觉。
众所周知,Instagram主要提供的是一种视觉服务,用户大量分享接收图片,视频,但现在该公司正在重新思考如何通过一些新功能,为有视力障碍人士优化视觉服务。
图片替换主要是指将文字替换成图片的技术,即在html语句中使用文字,浏览器显示时用对应的图片显示。其意义在于便于做网站优化(SEO),文字才是搜索引擎寻找的主要对象。 经典的替换方法: Fahrner图片替换法(FIR) 源码: Html: Fahrner Image Replacement CSS: #fir { width: 287px; height: 29px; background: url(fir.gif
无纸化办公提了很多年了,但对于纸张的使用依然没有减少,无论是从资源的浪费还是对环境污染的考虑,我们很多人都还在不自觉地挥霍着。所以现在有电子书阅读器,有可以无限循环书写的智能设备,也许我们是该更多地去利用这些电子设备了。而掌阅最近就推出了一款能够无限书写、绘画、批注、阅读和分享的智能产品——掌阅iReader Smart超级智能本,这款产品的推出,毫无疑问会给无纸化办公带来更加深远的战略意义。
AI科技评论按:Automatic Alt-Text (AAT) 的发布让盲人(或使用屏幕阅读器的用户)更好地读懂新闻推送 (News Feeds) 里的照片的内容。以访谈,可用性测试以及调查为手段的用户研究给工具的发明提供了帮助。我们将在本文简要介绍这项工作的一些亮点,AI科技评论独家编译,未经许可不得转载。 这项工作的主要作者、数据科学家Shaomei Wu将会出席本周在波特兰举办的CSCW 2017,届时她将在会上详细介绍该工具的功能以及所进行的研究。如果您想面对面探讨,请在会上和我们联系。 背
自从转岗至腾讯云后,项目中接触到大量的数据表格。多列数据表格在空间有限的手机屏幕下,难以完美呈现,需要做响应式处理。本文介绍一种使用纯CSS实现响应式表格的方法。
TFRecords可以允许你讲任意的数据转换为TensorFlow所支持的格式, 这种方法可以使TensorFlow的数据集更容易与网络应用架构相匹配。这种建议的方法就是使用TFRecords文件,TFRecords文件包含了[tf.train.Example 协议内存块(protocol buffer)](协议内存块包含了字段[Features]。你可以写一段代码获取你的数据, 将数据填入到Example协议内存块(protocol buffer),将协议内存块序列化为一个字符串, 并且通过[tf.python_io.TFRecordWriter class]写入到TFRecords文件。
这篇文章带来的就是如何打造这么一款阅读器。(由于整体代码量比较大,所以我只能说说我的实现思路再加上部分的核心代码来说明,不会有太多的代码展示。)
ARIA (Accessible Rich Internet Applications) 是一组属性,用于定义使残障人士更容易访问 Web 内容和 Web 应用程序(尤其是使用 JavaScript 开发的应用程序)的方法。
Linux Lite 是最好的类似 Windows 的发行版之一,刚刚发布了其最新版本 6.0。
30年前,Tim Berners-Lee 在欧洲核子研究中心创建了第一个 Web 网页,宣告了万维网的诞生。自此,万维网就承载着开放平等的愿景。
我们期望的媒体播放器应该是能被尽可能多的用户使用,不管他们处于何种环境,而不是假设每个用户以完全相同的方式与媒体播放器交互。如何实现?我们分解成了三个步骤。
有语义的使用一个词就是用正确的方式使用它。有语义的编写HTML和它非常相似。这就意味着你使用的标签必须描述其中的内容。 F例如,你的页脚应该是
我们收集了10条提高网站可访问性的建议以保证网站你的网站对任何人都是友好的,包括残疾人。
我遇到过一些人,他们根本不认为CSS与国际化有关,但如果你仔细想想,国际化不仅仅是把你网站上的内容翻译成多种语言,然后就收工了。该内容的呈现方式有各种细微的差别,这些细微的差别会影响到母语人士使用您的网站的体验。
使用通用的关闭图标来关闭模态框和警告框。使用 class close 得到关闭图标。
领取专属 10元无门槛券
手把手带您无忧上云