Программа чтения с экрана не читает текст внутри тега заголовка - PullRequest
0 голосов
/ 08 октября 2018

У меня есть тег заголовка, который содержит заголовок страницы.Программа чтения с экрана Windows не читает этот текст, и я хотел узнать, есть ли способ сделать это, добавив некоторые элементы арии?

<section class="section">
    <header class="section-title" ip-l10n="county_list">List of Countries</header>
</section>

1 Ответ

0 голосов
/ 09 октября 2018

Просто чтобы убедиться, что мы говорим об одном и том же, есть заголовки и заголовки .Заголовки - от <h1> до <h6> элементов.Заголовки обычно используются при описании таблиц и представляют собой имена в верхней части столбца, тега header или <th>.

Вы упомянули, что ваш заголовок содержит «заголовокстраница".Заголовок страницы обычно содержится в заголовке , в частности, <h1>, если это основной заголовок страницы.Так что мне было непонятно, о каком термине вы действительно спрашивали.

Я знаю, что в вашем примере использовался элемент <header>, поэтому я ограничу свои комментарии только этим элементом, но я хочу указать на вышеупомянутое.различия, чтобы убедиться, что мы все говорим об одном и том же.Тэги accessibility и aria - все о семантике, поэтому хорошо иметь представление о семантике вашего вопроса.

Элемент <header> является контейнером для вещей, которые обычно находятся в верхней части вашегостр.По умолчанию он создает ориентир banner.A <header> обычно содержит <nav>, который является основной навигацией для сайта, которая повторяется на всех страницах.Он также может содержать логотип компании в качестве изображения и служить ссылкой на домашнюю страницу.Он также может содержать информацию об учетной записи или, если сайт розничной торговли, содержимое корзины покупок.Так что <header> может иметь интерактивные и неинтерактивные вещи.

В вашем примере кода в заголовке просто текст.Это не интерактивно, поэтому пользователь программы чтения с экрана не услышит текст, если он использует клавишу tab для навигации по сайту.Они будут слышать текст, если они перемещаются по DOM с помощью клавиш со стрелками вверх / вниз с помощью программы чтения с экрана.

Если вместо этого вы действительно хотели, чтобы ваш код был заголовком , и, следовательно, тег <h1>, который также является статическим текстом, который не является интерактивным, поэтому пользователь программы чтения с экрана не услышит текст, если он использует клавишу tab для навигации по сайту.,Однако они могут слышать текст, если они используют программу чтения с экрана H клавишу быстрого доступа (для перехода к заголовку ).

Так что еслиВы хотите уточнить свой вопрос, я могу обновить свой ответ.

...