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