пример из bootstrap 5.x (класс .visually-hidden)
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
в этом примере для скрытия элемента не используются стандартные выражения visibility:hidden и display:none, поэтому содержимое элемента будет прочитано скринридерами