Данный класс позволит сохранить элемент отображаемым для поисковиков, но скроет его от пользователя.
Такие настройки могут помочь, если нам нужно избежать ворнингов в секциях связанных с тем, что в каждой секции должны быть заголовки
.visually-hidden {
/* размер становится 1 на 1 писксель */
height: 1px;
overflow: hidden;
width: 1px;
/* прячет в начало лейаута */
position: absolute;
/* убирает все пути для отрисовки */
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%); /* современные браузеры */
/* отключает прочтение скрин-ридерами */
white-space: nowrap;
}