HTML5
阿利518
专注于互联网技术学习和积累(31702935)
展开
-
WAI-ARIA —— 让盲人更清楚我们的网页
我曾经根据网上一些流行的无障碍建议对博客进行改进,希望能方便视障人士浏览我的博客,但经过一番“改进”之后,我发现这些建议并不完全奏效,用 NVDA 实际测试后,网站的无障碍可访问性并没有得到明显提升。最近几天,我重新思考了无障碍网页的设计,最终得到一些比较有效的方法,在这里整理一下!一. 视障人士是如何浏览网页的?要想让盲人清楚我们的网页,首先要了解盲人是如何浏览网页。如大家熟知,视障转载 2015-11-24 08:39:37 · 1513 阅读 · 0 评论 -
WAI-ARIA无障碍网页应用属性完全展示
一、你至少应该知道ARIA是什么东西!WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷,失聪,行动不便的残疾人以及假装残疾的测试人员。尤其像盲人,眼睛看不到,其浏览网页则需要借助辅助设备,如屏幕阅读器,屏幕阅读机可以大声朗读或者输出盲文。而ARIA就是可以让屏幕阅读器准确识别网页中的内容,变化,状态的技术规范,可以让盲人这类用户也能无障碍阅读!二、为什么需要ARIA?转载 2015-11-24 08:41:30 · 455 阅读 · 0 评论 -
material design学习笔记
自从material design发布以来,可乐橙就在一直收集相关素材与资源,研究别人的作品。这套设计风格非常鲜明,带有浓郁的Google式严谨和理性哲学,深得我心。实际上,光是研究素材和别人作品,就能发现一些明显的规律,做出几分相似的设计。这样半吊子的状态一直保持到现在,最近有时间通读一遍官方的设计指南,终于有了深入的理解。在朋友的项目中实践了一番,虽然很抱歉拿朋友开刀,不过他对整体效果似乎还算转载 2016-01-15 17:54:30 · 752 阅读 · 0 评论 -
Modernizr.js入门指南
HTML5 和 CSS3 的快速发展,给我们带来了极大的便利,比如从此再也不用花费大量的时间只是为了设计一个圆角的效果。但是!我们不能像控制机器一样来控制所有的人都一夜之间升级到现代浏览器,因为那些 不够现代的浏览器 诞生之时,HTML5和CSS3尚未被正式推出。于是,我们的问题来了:针对那些不支持新特性的浏览器而言,我们是直接放弃这些用户群呢,还是直接不用这些新特性,老老实实的用转载 2015-11-28 23:00:23 · 3107 阅读 · 0 评论 -
[译]模仿原生应用的 Web 应用(Progressive Web Apps)对 Web 的意义
原文:What Progressive Web Apps Mean for the Web Opinion by TJ VanToll作为一个开发者,我持一定的怀疑态度去了解新平台特性。你不必深究这个博客的文章来发现我对 Apple Watch,web 组件和其他众多新潮的技术的抱怨。最近这些新潮的技术似乎是 progressive web 应用,巨大的网络社区 —转载 2016-03-30 23:20:33 · 3170 阅读 · 0 评论