Как скрыть элементы в html
Ахмад Шадид написал пост про скрытие элементов в html-документе — "Hiding Elements On The Web".
В статье разбираются все способы от display: none до clip-path: polygon(0 0, 0 0, 0 0, 0 0);. У некоторых подходов есть особенности, которые могут влиять на доступность. Например, opacity: 0 не убирает элемент из дерева доступности, поэтому его нужно комбинировать с visibility: hidden. Ещё в статье есть рекомендация скрывать эмоджи с помощью aria-hidden, так как cкринридеры проговаривают эмоджи, запутывая текст, в котором они находятся.
В общем, статья хорошая, рекомендую почитать.