モバイルの小さいテキスト

Silktide はシミュレートしたモバイルデバイスで各ページを読み込み、ズームせずに快適に読めないほど小さいテキストを報告します。モバイルでテキストを 11 ピクセル以上で表示できれば合格です。

重要な理由

デスクトップモニターでは問題なく読めるテキストでも、スマートフォンでは読めないほど小さくなることがあります。訪問者は目を細めたり、ピンチズームして行ごとに横スクロールしたり、読むのを諦めたりします。また、弱視の人はまったく読めない可能性があります。小さいテキストは、デザイナーが確認を止めがちな場所、つまりフッター、写真のキャプション、法的通知、Cookie バナーなどに集中しています。

これは、デスクトップファーストで設計し、後からモバイル向けに調整したサイトで特によく見られます。そのようなサイトでは、レイアウトに合わせて固定フォントサイズも小さくなるためです。

修正方法

指摘されたテキストのフォントサイズを大きくし、モバイルで 11 ピクセル以上で表示されるようにします。本文テキストの場合は、さらに大きくすることを目指してください。16 ピクセルは、モバイルで快適に読むための一般的な基準です。
ユーザーの設定に合わせてテキストを拡大縮小できるように、固定ピクセルサイズではなく、では相対単位（rem、em）を優先します。
小さい画面でデザイン全体のセクションを縮小する場合は、メディアクエリを使用して、レイアウトを調整しつつテキストは読みやすいサイズに保ちます。

Silktide によるテスト方法

シミュレートしたモバイルデバイスでページを読み込みます。
少なくとも数個の文字または数字を含む、表示されているすべてのテキストを調べます。非表示のテキストと、でのみ使用するためにサイズをゼロに設定したテキストは無視されます。
各テキストの表示フォントサイズを測定します。
11 ピクセル未満で表示されるテキストを報告します。

トラブルシューティング

指摘されたテキストがサードパーティ製ウィジェットのものである

埋め込みマップの帰属表示テキストは自動的に無視されます。その他のウィジェットについては、サードパーティ製プラグインのコンテンツをこのチェックから除外するオプションを有効にするか、許容する検出結果に対してを記録できます。

テキストを意図的に小さくしている

小さい注記も読むことを前提としています。通常、それを小さくするのではなく、読みやすくする理由になります。特定のテキストが許容できると判断した場合は、その検出結果を承認してください。