Одним из способов предоставления контента, который будет читаться пользователям с помощью программы чтения с экрана (но не показывается зрячим пользователям), является позиционирование контента с использованием CSS таким образом, чтобы он был за кадром.
Например, что-то вроде:
В CSS:
.screen-reader {
position: absolute;
left: -10000px;
width: 1px;
height: 1px;
overflow: hidden;
}
В вашем HTML:
<p>This text will be read to the screen reader and shown on screen.</p>
<p class="screen-reader">This text will be read to a screen reader but won't show up on screen.</p>
См. Методы сокрытия текста (в WebAIM) для получения дополнительной информации.