Почему на моей кнопке поиска есть класс="программа чтения с экрана-текст"?
Я просматривал поиск и нашел эту кнопку в форме поиска.
<button type="submit" class="search-submit">
<span class="genericon-search"></span>
<span class="screen-reader-text"><?php echo esc_html_x( 'Search', 'submit button', ); ?></span>
Я хочу знать, для чего используется <span class="screen-reader-text"><?php echo esc_html_x( 'Search', 'submit button', ); ?>
в этой форме поиска, она также работает, когда я удаляю эту строку.
1 answers
Этот класс используется для визуального скрытия элементов от зрячих пользователей, но все же позволяет вспомогательным технологиям, таким как программы чтения с экрана, по-прежнему отображать эти элементы пользователям с нарушениями зрения.
Например, у вас может быть значок с логотипом Facebook в качестве ссылки на вашу страницу/профиль. Зрячий пользователь будет знать, что это Facebook, но слепой пользователь не будет, поэтому вам все равно понадобится "Мой профиль на Facebook" или какой-либо другой описательный текст, чтобы люди с нарушениями зрения знали больше о ссылка.