當(dāng)PageSpeed Insights檢測(cè)到某些點(diǎn)按目標(biāo)(例如按鈕、鏈接或表單字段)可能過(guò)小或距離過(guò)近,以致用戶(hù)不方便在觸摸屏上點(diǎn)按時(shí),就會(huì)觸發(fā)此規(guī)則。
您應(yīng)確保網(wǎng)站上最重要的點(diǎn)按目標(biāo)(用戶(hù)最常用的目標(biāo))足夠大,即高/寬至少要達(dá)到48 CSS像素(如果您已正確配置您的視口),以便用戶(hù)輕松點(diǎn)按。不常用鏈接的尺寸可以較小一些,但仍要與其他鏈接之間保持一定的距離,以免10毫米寬的手指不慎同時(shí)按到兩個(gè)鏈接。用戶(hù)無(wú)需張合手指(或依賴(lài)其他瀏覽器界面功能來(lái)排除手指點(diǎn)按干擾,如Chrome的彈出式放大鏡),即可輕松準(zhǔn)確地點(diǎn)按所需的按鈕或鏈接。
將重要的點(diǎn)按目標(biāo)設(shè)置得足夠大以易于點(diǎn)按
這種方式比較適合您的用戶(hù)最常用的點(diǎn)按目標(biāo),例如常用操作的按鈕、搜索欄、其他重要的表單字段,以及主要的導(dǎo)航鏈接。這些點(diǎn)按目標(biāo)的尺寸至少應(yīng)為7毫米(如果您已正確配置您的視口,即為48 CSS像素),如果小于7毫米,則其周?chē)毩粲凶銐虻目臻g。
確保較小的點(diǎn)按目標(biāo)之間有足夠的空間
對(duì)于不常用的鏈接或按鈕,尺寸小于建議的7毫米是沒(méi)有問(wèn)題的。不過(guò),其橫向和縱向5毫米(32 CSS像素)范圍內(nèi)不應(yīng)該有其他點(diǎn)按目標(biāo),以免用戶(hù)手指點(diǎn)按一個(gè)點(diǎn)按目標(biāo)時(shí)不慎按到其他點(diǎn)按目標(biāo)。
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies.