Как скрыть текст?

Question

[Андрей]

Всем доброго времени суток!
Как можно скрыть текст, но что бы screen reader его мог прочитать?

Answer 1

[Alex]

https://htmlacademy.ru/blog/useful/css/short-12

Comments

[Ankhena]

Паттернов много вариаций, например, мне нравится такой:

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0)
}

Answer 2

[Lord_Dantes]

opacity: 0;