iOS Accessibility Voiceover считывает ненужный контент в Интернете

Question

Мое приложение для iPhone построено с использованием Кордовы, и оно по большей части является родным, и у меня проблема с доступностью. Во время моего тестирования доступности я заметил, что, когда Voice Over выбрано на некоторых элементах, он считывает больше, чем только текст метки или кнопки. Например, вот что заголовок страницы выглядит в моем HTML: Баннер Название Заголовок Уровень 1 Landmark

Есть ли способ:

<div data-role="header"> 
    <div class="page-header"> 
     <h1 class="header-title"><%= title %></h1> 
</div> 
</div> 

Когда выбран H1 считывается пользователю следующее ограничивать его только выражением заголовка?

Answer 1

Похоже, вы используете jQuery Mobile. jQuery mobile добавляет некоторую разметку в элементы, основанные на том, где вы разместили их, и применяемые атрибуты. В этом случае он размещает role = "banner" в div с data-role = "header".

Способ считывания в порядке. Если вы на самом деле используете заголовок в качестве заголовка, пользователь пользователь экрана теперь имеет эту полезную информацию. Если они этого не хотят, они могут сказать, что их экранный ридер подавляет его. Подумайте об этом как о звуковом эквиваленте того факта, что заголовок визуально отличается от остальной части страницы.