В статье разбираются все способы от
display: none до clip-path: polygon(0 0, 0 0, 0 0, 0 0);. У некоторых подходов есть особенности, которые могут влиять на доступность. Например, opacity: 0 не убирает элемент из дерева доступности, поэтому его нужно комбинировать с visibility: hidden. Ещё в статье есть рекомендация скрывать эмоджи с помощью aria-hidden, так как cкринридеры проговаривают эмоджи, запутывая текст, в котором они находятся.В общем, статья хорошая, рекомендую почитать.
#css #a11y #html
https://ishadeed.com/article/hiding-web/#header
