このページは Cloud Translation API によって翻訳されました。

タップターゲットのサイズが適切でない

タップターゲットとは、タッチデバイスのユーザーが操作できるウェブページ内の領域のことです。ボタン、リンク、フォーム要素には、すべてタップターゲットがあります。

多くの検索エンジンは、モバイルフレンドリーかどうかに基づいてページをランク付けしています。タップターゲット同士を十分な大きさと間隔を空けると、ページのモバイルフレンドリーとアクセス性が向上します。

Lighthouse のタップターゲットの監査が失敗する仕組み

Lighthouse では、次の両方の条件を満たすタップターゲットを含むページにフラグが設定されます。

監査が失敗した場合、Lighthouse では次の 3 つの列に結果が表形式で表示されます。

方法 1: タップターゲットが小さすぎる場合は、サイズを大きくする。タップターゲットが 48 x 48 ピクセルのものは、監査で不合格になることはありません。これ以上大きくしてはいけない要素（アイコンなど）がある場合は、padding プロパティを増やしてみます。

方法 2: margin などのプロパティを使用して、近すぎるタップターゲットの間隔を広げる。タップターゲット間の間隔は 8 ピクセルから始めるとよいでしょうが、特に非常に小さなターゲットの場合、監査に合格するには十分な間隔がない場合があります。