(Пользовательская) Роль WAI-ARIA

Question

Я новичок в ARIA и в ролях, состояниях и свойствах, которые она предоставляет.Я понимаю, что существуют разные типы ролей (например,ориентиры, регионы и т. д.), но ни один из них не представляет такие области, как «регион входа» или что-то подобное.Интересно, есть ли способы указать группировку этой информации, чтобы программа чтения с экрана могла считывать эту информацию для пользователей?Например."Регион входа.Имя пользователя ...Пароль ..."

Если это невозможно с помощью ARIA, каков общий способ сделать это в HTML?

заранее спасибо

Answer 1

WAI-ARIA обычно предназначен для динамического контента, такого как бегущая строка заголовка новостей, а не для статического контента, такого как форма входа.Статический контент лучше всего достигается с помощью простого HTML.

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

Для формы входа с точки зрения доступности вы должны в первую очередь убедиться, что поля формы правильно подписаны.Набор полей\легенда действительно необязателен, например, для небольшой формы.

Правильное кодирование меток означает использование сопоставления атрибутов for\id, например:

<label for="loginName">Login name</label>
<input type="text" id="loginName" name="loginName" size="30" />
<label for="loginPassword">Login password</label>
<input type="password" id="loginPassword" name="loginPassword" size="10" />

Это гарантирует, что пользователи программы чтения с экрана (слепые) смогут правильно слышать считывание соответствующих меток полей формы.Для других элементов формы, таких как флажки и переключатели, использование правильной маркировки, подобной этой, позволяет пользователям с проблемами ловкости нажимать на текстовую метку для переключения ввода формы (флажок\переключатель), что означает, что у них есть большая целевая область для щелчка по элементу формы. страница.

Чтобы сообщить пользователю, что он собирается получить доступ к форме входа в систему, вы можете использовать заголовок или комбинацию fieldset\legendf, например:

<h2>Login form</h2>
<FORM HERE>

Или

<fieldset>
<legend>Login form</legend>
<FORM HERE>
</fieldset>

Любой из этих вариантов подойдет, хотя подход с заголовком создаст немного меньше звукового беспорядка для пользователей программ чтения с экрана (при использовании набора полей\легенды легенда считывается перед каждым полем формы).

Answer 2

Да и нет.Форме следует отвести знаковую роль «формы».Это позволяет вспомогательным технологиям видеть ориентир для целей навигации.

Обратитесь к спецификация.

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