日本語
a11yglass · ウェブサイトのアクセシビリティチェック

ホームナレッジベース › WCAG 基準

WCAG に従ったズーム & リフロー

視覚障害のある利用者はページを拡大します。WCAG 1.4.4 は、機能やコンテンツを失わずにテキストが 200 % までスケールすることを要求します。1.4.10 は、幅 320 px で横スクロールなしの折り返しを要求します。

よくある誤り

<meta name="viewport" content="…, user-scalable=no"> または maximum-scale=1(ズームをロック)、コンテナ高さ固定での px 単位のフォントサイズ、強いズーム時の横スクロール。

正しいやり方

viewport メタから user-scalable と maximum-scale を削除してください。相対単位(rem)と柔軟なレイアウトを使用してください。400 % / 320 px でテストしてください。

a11yglass の役立ち方

無料スキャンは、配信された HTML と CSS を、自動的に認識可能な WCAG 違反について検査し、 各所見について達成基準と具体的な対策を示します。問題のおよそ 20〜35 % を検出し、 完全な評価に代わるものではありません。

続きを読む

最善の知識に基づく一般的な情報であり、法的助言ではありません。個別のケースについては、IT 法を専門とする法律事務所にご相談ください。