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>
Or
<fieldset>
<legend>Login form</legend>
<FORM HERE>
</fieldset>
Любой из них подойдет, хотя заголовочный подход создаст немного меньше звукового беспорядка для пользователей программ чтения с экрана (с набором полей \ легендой легенда считывается перед каждым полем формы)
person
discojoe
schedule
24.01.2011