BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

对触屏友好网站的一些建议

| 作者 Jonathan Allen 关注 595 他的粉丝 ,译者 丁雪丰 关注 4 他的粉丝 发布于 2012年4月27日. 估计阅读时间: 1 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

微软的IE团队终于发布了针对构建触屏友好网站的指南,这件事早在2009年就应该做了(那年Windows 7就在标榜它的触屏支持了)。其中的建议写得很直截了当。

第一条,“不要在悬停(hover)后隐藏内容”。无论是从可达性(accessibility)或是可用性(usability)的角度来看,隐藏内容都是个糟糕的主意,最终我们将看到这个实践被慢慢边缘化。

第二条建议是特定于IE 10的。可以使用名为“-ms-touch-action”的特殊CSS标签来控制页面或者元素对一些动作的响应,比如拖拽和两次轻拍(double-tapping),在构建游戏或支持拖放时这个特性非常有用。

第三条建议,“使用HTML5的表单来标识输入类型”,和触屏本身并没有太大关系。IE 10里会有针对Windows 8触屏的定制支持来处理HTML5输入控件,所有浏览器(除IE 9以外)对此特性都有所支持。QuirksMode提供了一些信息,说明了当前的桌面移动端浏览器对该项特性的支持情况。

最后一条建议与间距有关。微软声称人类指尖的大小在8到19毫米之间,平均是11毫米。基于这个平均值,他们建议任何能被触碰的东西都应该有40px或者更大,带有最小10px的间距。

因为这份指南没有涉及其他浏览器,InfoQ邀请读者们各抒己见,发表自己对触屏友好网站的建议。

查看英文原文:Recommendations for Touch Friendly Sites

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

还是印象中的微软风格 by 波达 江

从来不会积极去推行先进的标准,但是总是想在别人的标准里添加自己的特定标签,最终污染整个行业标准。

真是直译啊 by zhang ethan

DO NOT Hide Content Behind Hover 不要在悬停后隐藏内容

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

2 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT