意外と知らないvisibilityの活用方法！ | フロントエンドBlog | ミツエーリンクス

※もっと具体的に知りたい方はCSS 2.2の11.2 Visibility: the 'visibility' propertyなどをご覧ください。 visibility vs display vs opacity ただ要素を見えなくするだけなら透明度を操作するopacityプロパティがあります。しかしそれよりもvisibilityが優れている点は、不可視になる（値がhiddenやcollapaseになる）と同時にアクセシビリティツリーからしっかり削除され、スクリーンリーダに読み上げられずタブフォーカスも当たらなくなるというところです1。display: none;との違いは「表示領域が残るかどうか」以外違いはありません。 特に、値collapseはテーブルなどで特定のセルや行だけを非表示にしたい場合などにも重宝します。display: none;でも同じような表現になりますが、colla

[shingo-sasaki-0529]

`visibility: hidden` は DOM 上は表示領域含めて残るけどアクセシビリティツリーからは除外される。この違い結句見落としそうだな。 こう見ると `opacity: 0` が適切な場面限られるのでは。