本文由白牙根据Heydon Pickering的<Semantic CSS With Intelligent Selectors>所译,整个译文带有我自己的理解与思想,如果译得不好或不对之处还请同行朋友指点.如需转载此译文,需注明英文出处:http://coding.smashingmagazine.com/2013/08/20/semantic-css-with-intelligent-selectors/,以及作者相关信息 ——作者:Heydon Pickering ——译者:白牙 “结构…

You want to use aria-hidden to prevent screen reader to access some content should be hidden from users. For example, slides, you want to remove previous and next slides from the accessbility tree, so that it won't confuse the users who uses screen r…

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 原文参考:https://www.sitepoint.com/beyond-console-log-level-up-your-debugging-skills/ 在开发过程中,你可能会经常用到控制台命令console.log(),但是,其实除了这个命令外,还有一些其他的命令和技巧可供我们使用,让我们看看它们究竟是什么,会不会为你的调试能力带来一点新的启发. 突破舒适区 同样作为开发者,有一点不可否认的是…

ARIA Accessible Rich Internet Applications (ARIA) 规定了能够让 Web 内容和 Web 应用(特别是那些由 Ajax 和 JavaScript 开发的)对于残障人士更易使用的各种机制.例如,ARIA 提供了易用的导航地标.JavaScript 组件.表单提示以及错误信息.实时内容更新等.主要用来标识页面中涉及到动态交互的地方,这些交互通常是由js和相关技术来实现的,例如浮出层,对话框弹出,下拉列表以及伪元素等. ARIA 是一组特殊的易用性属性,…

ARIA是Accessible Rich Internet Application的简称,指无障碍富互联网应用.可以使一些有功能障碍(如听力,视力)的人群,使用你的网站.下面看一下做为开发人员的我们,如何让他们使用起来更容易. 使用ARIA的一种方式,是添加ARIA到我们的html中.你可能对在HTML中使用语义化元素很熟悉了,如nav,button,header.使用它们,可以很容易表达块的作用.这些元素可以更好地表达页面中内容的意思,我们可以把这些元素和ARIA组合使用.不过,在一起使用它们…

For some reason, you build a custom checkbox component, if without ARIA in mind, basiclly this site is unusable for screen reader. DEMOsite. In the example, screen reader only read the label of the checkbox, but doesn't tell it is a checkbox and the…

ARIA使用规则一 如果你使用的元素( HTML5 )具有语义化,应该使用这些元素,而不应该重新定义一个添加ARIA的角色.状态或属性的元素. 浏览器的语义化标签已经默认隐含ARIA语义,像nav,article,button已经隐含ARIA的role="navigation",role="article",role="button"声明.在语义化标签出来之前,常见的元素如<div class="main-navigation&q…

role属性 role属性值 含义 HTML示意 说明 alert 表示警告 <p id="ajax_error_alert" role="alert"></p> 例如ajax操作返回错误信息的div标签. alertdialog 表示Modal弹出框 <div aria-labelledby="alert_title" aria-hidden="false" tabindex="0&q…

在OC当中自动计算行高主要调用系统的 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #ffffff } span.s1 { } span.s2 { color: #00b1ff } span.s3 { color: #de38a6 } span.s4 { color: #eb905a } span.s5 { color: #8b87ff } - (--boundingRectWithSize:(CGSize)…

最近有个需求,需要做两个功能相似的APP,大部分代码是一样的,只是界面不一样,以前要维护两套代码,比较麻烦,最近在网上找资料,发现可以用gradle使用同一套代码构建两个APP.下面介绍使用方法: 首先要构建两个APP需要有两个APP图标.APP名字和AndroidManifest.xml.AndroidManifest放置目录如下: gradle构建需要用的配置文件build.gradle. 要使用两个AndroidManifest需要在build.gradle文件中配置sourceSets…