コンテナー（コンテンツ幅）

サンプル

デザイン上の考慮事項

• 画面幅を変化させたときのコンテンツ幅を確認してください。
• 特に、極端に幅の広いときのコンテンツ幅を確認してください。

実装上の考慮事項

• 特定の範囲でコンテンツ幅を変更する場合、CSS変数の値を変更してください。

アクセシビリティ上の考慮事項

達成基準 1.4.8 視覚的提示 (レベル AAA)によれば、幅が 80 字を越えない (全角文字の場合は、40 字)。ような表示を利用できるようにとされています。この達成基準は、サイト側でそのような表示にすべきということではなく、あくまでユーザーがそのような表示を選択できる（ブラウザの幅を変えるなどの方法で）ことを基準としています。ですが、1行の文字数が長くなりすぎないほうが読みやすい、ということの参考値になるでしょう。