所谓“无障碍访问”，指的是各类设备均可以无障碍访问。例如鼠标、键盘、读屏软件或设备等。
ARIA全称“Accessible Rich Internet Applications（可访问的富互联网应用）”。
VoiceOver是苹果设备上的读屏软件，当开启VoiceOver后，交互行为和通常行为是不一样。并且和ARIA属性之间的关系也比较深，本文就将通过项目实战展示基于VoiceOver的移动端ARIA特性和注意事项。
“HTML相关”目录存档
基于VoiceOver的移动web站无障碍访问实战
2017年01月20日，星期五HTML可访问性fieldset,legend元素及CSS布局应用
2016年11月12日，星期六本文主要介绍平时用的不多的，尤其现在的小伙伴很少关注的fieldset和legend元素，从可访问性以及CSS布局这块展示这两个元素的作用，价值以及应用场景。希望本文的内容能够对您的学习有所帮助。
了解HTML/HTML5中的download属性
2016年04月6日，星期三如果我们想实现点击下载按钮下载一张图片，你会如何实现？
我们可能会想到一个最简单的方法，就是直接按钮a标签链接一张图片。
但是，想法虽好，实际效果却不是我们想要的，因为浏览器可以直接浏览图片，因此，我们点击“下载”链接，并是不下载图片，而是在新窗口直接浏览图片……
HTML input type=file文件选择表单元素二三事
2015年11月24日，星期二本文一些简单tips整理，没有深入具体的技术细节。考虑到一些童鞋的HTML基础不是很扎实，因此，本文的一些内容说不定可以博闻强识下。有截图有源代码展示，没demo，嘻嘻……
响应式图片srcset全新释义sizes属性w描述符
2014年10月19日，星期日srcset为响应式图片属性，12年就出来了，不过今年4月份还是5月份的出了新的规范，与之前的srcset完成独立的表意，同时新增了新的属性sizes, 用来实现更好的响应式布局，同时赋予了w描述符新的含义。本文就是介绍这些全新的规范含义，较深入。丰富的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书写的一篇译文，大家有兴趣可以看看，根据自己的实际情况，提炼出有帮助的信息。
我的应用
我的应用