“HTML相关”目录存档

基于VoiceOver的移动web站无障碍访问实战

2017年01月20日,星期五

所谓“无障碍访问”,指的是各类设备均可以无障碍访问。例如鼠标、键盘、读屏软件或设备等。

ARIA全称“Accessible Rich Internet Applications(可访问的富互联网应用)”。

VoiceOver是苹果设备上的读屏软件,当开启VoiceOver后,交互行为和通常行为是不一样。并且和ARIA属性之间的关系也比较深,本文就将通过项目实战展示基于VoiceOver的移动端ARIA特性和注意事项。

阅读全文…

HTML可访问性fieldset,legend元素及CSS布局应用

2016年11月12日,星期六

本文主要介绍平时用的不多的,尤其现在的小伙伴很少关注的fieldset和legend元素,从可访问性以及CSS布局这块展示这两个元素的作用,价值以及应用场景。希望本文的内容能够对您的学习有所帮助。

阅读全文…

HTML input type=file文件选择表单元素二三事

2015年11月24日,星期二

本文一些简单tips整理,没有深入具体的技术细节。考虑到一些童鞋的HTML基础不是很扎实,因此,本文的一些内容说不定可以博闻强识下。有截图有源代码展示,没demo,嘻嘻……

阅读全文…

HTML5 <template>标签元素简介

2014年07月8日,星期二

<template>标签元素基本上可以确定是2013年才出现的新的标签元素,主流的Chrome以及Firefox浏览器很快就支持了这个标签,可见这个标签的出现还是呼声很高的。作为有特性行为表现的标签,其中还是有很多tips可以共享的,本文就将简单介绍下<template>标签元素的一些特异之处,有demo,有源代码展示,希望本文的内容能够对你的学习有所帮助。

阅读全文…

翻译-盲人如何使用互联网的8个误区

2013年03月6日,星期三

虽然翻译的文章不少,但是,有时会看走眼,开始感觉不错,翻译完了发现其实没啥货。本文内容呢,还算不错的,说句良心话,自己也是学到了不少东西,至少对屏幕阅读器有个更准确的认识。至于细节什么的,您自己点击进去看看吧。希望能对你构建可访问性的网站提供一点帮助。

阅读全文…

HTML5 progress元素的样式控制、兼容与实例

2013年02月21日,星期四

如题,本文着重讲解HTML5 progress元素的一些相关东西,以便您可以在实际项目中应用。一如既往,多多demo,多多截图,必要的源代码展示。总之,希望本文的内容能够对您的学习或工作有所帮助。

阅读全文…

span与a元素的键盘聚焦性以及键盘点击性研究

2013年02月20日,星期三

我们平时涉及点击交互事件的时候,都是使用的a元素或者button元素,原因是可以相应键盘focus效果以及回车触发点击事件,这是众所周知的。
但是,可能存在一些特殊情况,我们需要使用默认没有键盘可访问性的元素,例如span元素,我们可以通过一定的设置支持键盘的可访问性,这是不为所知的,也是本文的重点所在。

阅读全文…

翻译:稳定、地道HTML书写原则

2013年01月4日,星期五

关于HTML书写的一篇译文,大家有兴趣可以看看,根据自己的实际情况,提炼出有帮助的信息。

阅读全文…

HTML5 number类型文本框step属性的验证机制

2012年12月7日,星期五

最近花了不少功夫折腾表单验证的些东西,主要是把HTML5的些东西向下兼容。本文是引子,相关基本内容之一。内容如标题所示,还有有点内容的,了解下没有什么坏处。外甥点灯笼——照旧,demo页面,丰富的截图以及必要的源代码展示。总之,希望本文的内容能够让您在末日之前学习到一点新的东西。

阅读全文…

渐进使用HTML5语言识别, so easy!

2012年05月24日,星期四

本文介绍如何在您的浏览器上渐进使用HTML5语音识别功能,以及该功能潜在的一些问题。丰富必要的demo,生动有趣的截图,幽默诙谐的文字,相信本文的内容对您的学习有所帮助的。

阅读全文…