對觸屏友好網站的一些建議

微軟的 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