line-clampしたときに切り捨てた文章のアクセシビリティについて
DRANK

3点リーダーなどを実装するときにCSSのline-clampを使うことがあります。この実装で、長い文章を指定した行数で切り捨てることができます。こういった実装をしたときに、切り捨てた文章はスクリーンリーダーとしてどう読まれるのでしょうか?答えは見た目からは消えますが、アクセシビリティツリーとフォーカス順には残ります。実は2026年2月のCSSWGの決議では「スクリーンリーダーからも隠す」という方向でした。その後ARIA WGなどから反論があり、「スクリーンリーダーには読ませる」に変わっています。ただし、これはあくまでデフォルトの挙動の話で、「隠したい場合にどうするか」は別の課題として残っています。仕様の変更点変更は以下のコミットです。2026年10月8日のコミットで、本文には「少なくともデフォルトでは、アクセシビリティツリーからもフォーカス可能性からも除かない」と書かれています[参照1]。変更前後を整理すると、以下のようになります。観点変更前変更後clamp 点以降の扱いinvisible box(visibility: hidden 相当)新用語 visually suppressed(overflow: clip 相当)描画されないされないレイアウト・スクロール可能領域影響しない(ink overflo…

infixer.net
Related Topics: Web Accessibility