book icon indicating copy to clipboard operation
book copied to clipboard

本文の `text-align: justify` を削除したい

Open yamanoku opened this issue 2 years ago • 0 comments

サバイバル TypeScript 拝見しているものです。 CSS で制御されている本文への text-align: justify を解除できないかと思って Issue を作成しました。

何で困るのか

PCから当サイトを閲覧する際は特に文章に違和感はないのですが

「本文の構成」章のPCブラウザサイズでのスクリーンショット

スマートフォンのように幅が狭まったブラウザで閲覧した際は文書内にスペースが空いているように見えてしまい見づらくなってしまいます。

「本文の構成」章のスマートフォンブラウザサイズでのスクリーンショット

.markdown p に付与されている text-align: justify による両端揃えを解除することで文字の間のスペースがなくなります。

text-align: justifyの設定を解除した状態

この単語間のスペースは「リバー (rivers of white)」(※)とも呼ばれており、ドキュメントを読む際の妨げにもなってしまうため、この設定を削除したいと思っております。 ※ 参考:F88: 達成基準 1.4.8 の失敗例 - 両端揃え (左右両方のマージンを揃える) のテキストを使用している

yamanoku avatar Oct 11 '23 11:10 yamanoku