WAI-ARIA, как правило, предназначен для динамического контента, например тикера заголовков новостей, а не для статического контента, например формы входа в систему.Статический контент лучше всего достигается с помощью простого HTML.
Предполагается, что у вас есть страница, на которой всегда отображается форма входа в систему, должно помочь следующее:
Для формы входа в систему, с точки зрения доступности, вы должны в первую очередь убедиться, что поля формыправильно помечены.Набор полей \ легенда действительно необязателен для таких форм, как маленькая форма.
Правильное кодирование означает, что используется сопоставление атрибутов \ 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>
Любой из них был бы в порядке, хотя подход с использованием заголовка мог бы создать немного меньше звукового шума для пользователей программы чтения с экрана (с помощью fieldset \ legend, легенда считывается перед каждым полем формы)