Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Как скрыть элемент доступно?»

[vanxant]

Вы делаете большое дело, но всё-таки насчёт собеседований вы имхо немного поторопились.

А так, конечно, странно, что нет какого-нибудь aria-* для этого случая.

[bakhirev]

А есть какой-то практический случай, зачем вообще нужно такое поведение?

[KhodeN]

Вот да! Всю статью меня не покидала мысль "Зачем?".

Мама, можно я больше не буду хакать CSS? Мне до сих пор кошмары снятся про IE6. Вроде уже отошли от этих "паттернов", но опять костыли во всю напридумали.

[Extremum]

Еще можно попробовать для скрытия: transform: scale(0); clip-path: inset(50%); filter: blur(1000px) - последнее конечно спорный подход, но как лабораторный эксперимент...

[ALapinskas]

Всё точно так же, как при значении none у свойства display. И плюсы такие же. Не буду повторяться.

Все же они немного отличаются в визуальном плане. display:none убирает элемент со страницы полностью, а visibility:hidden - скрывает содержимое, как если применить opacity:0;

[DownHouse]

Че-то нет никаких человечков в девтулсе

[KhodeN]

В Firefox есть отдельная вкладка (тоже искал откуда скрин).

[muxa_ru]

Судя по тексту, фронтендеру не нужно знать о том, что браузеры бывают разные. :)

[MiFista01]

Не знаю хороший способ или нет, но для модальных окон например использую подобный класс

.hidden{

opacity:0;

pointer-events:none

}

Благодаря этому я показываю юзерю как плавно появляется или пропадает окно

[melnik909]

Поэтому пользователи скринридера увидят вашу модалку до ее появления через клавиши стрелок