:focus-visible可以让我们知道元素的聚焦行为到底是鼠标触发还是键盘触发，从而可以更有效地控制浏览器中因为focus行为触发的outline轮廓样式，解决了我一个困扰我多年的难题。
文章关键字 ‘无障碍网页应用’
实力科普：为什么浮层或弹框一定要有叉叉关闭按钮？
2018年07月14日，星期六之前自己发了个安利LuLu UI组件的微博，其中有位同行对于弹框组件提了这么一个问题：大佬，这种info类型的，为什么还要带个x？明明有确定按钮，似乎这个叉叉按钮去掉也没什么事，是不是很多人有类似的疑问？我很早之前就有过这样的想法，而且还付诸实践，直接把几个提示框右上角关闭按钮去掉，好干净好清爽，而且功能也没什么问题，还洋洋得意。后来，不断学习和积累，才发现当初的我对交互设计和用户体验的认知还很浅薄。
是时候好好安利下LuLu UI框架了！
2018年06月12日，星期二
LuLu UI是阅文前端荣誉出品的UI框架，基于jQuery，针对PC网站，兼容IE8+，包含20+静态或动态UI组件，非常适合面向外部用户的网站开发。
具有贴近用户，上手简单，使用场景广泛，成熟，体验好等优点，面向设计，方便体验侧前端同学进行开发，方便设计师视觉还原和创意实现，在PC端用户侧网站开发上，LuLu UI有着不可匹敌的竞争力！
HTML accesskey属性与web自定义键盘快捷访问
2017年05月15日，星期一可能很多小伙伴都不知道，我们只要在HTML代码上设置几个属性，就可以让浏览器支持我们自定义的快捷访问方式，而这个神奇的属性就是本文要介绍的，accesskey属性。
HTML tabindex属性与web网页键盘无障碍访问
2017年05月13日，星期六HTML虽然入门简单，但是，要想日后深入，却要花费非常大量的时间，因为一些看似非常简单的属性，实际上牵扯到另外一个完整领域的知识。例如本文要介绍的这属性tabindex，与web网页无障碍访问息息相关，而且是键盘访问领域的。
这些属性不仅可以触发浏览器层面的行为，本身对HTML的元素的交互特性甚至UI表现都会有影响。
HTML <area><map>标签及在实际开发中的应用
2017年05月6日，星期六之前，我一直以为HTML <area>是一个鸡肋HTML，估计到了HTML5时代会被废弃的命。但是，最近一查资料，乖乖了个咚，不仅没被废弃，反而发展了，新增了一些标签属性，例如rel，media，hreflang等。
然后进一步研究发现，尼玛这货居然还可以用来解决一个困扰我很多年的棘手问题，形象立马高大上了起来。
基于VoiceOver的移动web站无障碍访问实战
2017年01月20日，星期五所谓“无障碍访问”，指的是各类设备均可以无障碍访问。例如鼠标、键盘、读屏软件或设备等。
ARIA全称“Accessible Rich Internet Applications（可访问的富互联网应用）”。
VoiceOver是苹果设备上的读屏软件，当开启VoiceOver后，交互行为和通常行为是不一样。并且和ARIA属性之间的关系也比较深，本文就将通过项目实战展示基于VoiceOver的移动端ARIA特性和注意事项。
HTML5语音合成Speech Synthesis API简介
2017年01月13日，星期五HTML5中和Web Speech相关的API实际上有两类，一类是“语音识别(Speech Recognition)”，另外一个就是“语音合成(Speech Synthesis)”，这两个名词听上去很高大上，实际上指的分别是“语音转文字”，和“文字变语音”。各有作用，各有千秋，兼容性也有差异……
HTML可访问性fieldset,legend元素及CSS布局应用
2016年11月12日，星期六本文主要介绍平时用的不多的，尤其现在的小伙伴很少关注的fieldset和legend元素，从可访问性以及CSS布局这块展示这两个元素的作用，价值以及应用场景。希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用