Как роль = форма помогает доступности?

Question

Я читал, что атрибут role был добавлен в Bootstrap для доступа, и я хотел бы знать, как <form role="form"> помогает в доступности. См. http://getbootstrap.com/css/#forms-example для примера этого конкретного использования.

I searched Bootstrap's repo for "role" не напрасно.

Моя проблема заключается в том, что информация кажется излишней. Понятие о том, что элемент является формой , уже выражено самим тегом HTML (<form>), так что это помогает, если мы также добавим, что элемент играет role из form? Было бы целесообразно добавить role="...", если role будет отличаться от form (я не знаю, что - но давайте притворимся); (особенно без конкретных аргументов/примеров использования), в лучшем случае это озадачивает.

Answer 1

Если вы добавите role="form" к форме, программа чтения с экрана увидит ее как регион на веб-странице. Это означает, что пользователь может легко перейти к форме с помощью своих быстрых навигационных клавиш (например, в JAWS 15 для этого используется R). Кроме того, ваш пользователь сможет легко найти, где форма начинается и заканчивается, потому что читатели экрана отмечают начало и конец регионов.

Answer 2

Семантически говоря, форма по умолчанию - это форма. Однако не все приложения доступности (программы чтения с экрана и т. Д.) Разработаны одинаково, а некоторые могут использовать элементы (даже элемент формы) с атрибутом role=form по-разному, даже если они понимают, что элемент родительской формы будет иметь одинаковое семантическое значение с или без атрибут role=form.

Answer 3

Я хотел бы отметить, что упомянутый в статье comment @ user664833 утверждает, что role="form" не должны идти на <form> элементов, а на <div> или какой-либо другой элемент, который не семантически указывает, что он содержит элементы формы.

<form> элемента, вероятно, уже обрабатывается должным образом современными читателями экрана.

Quote (link):

Рекомендуется использовать [role="form"] на семантически нейтральным элементом, таким как <div> не на <form> элемент, как элемент уже имеет роль по умолчанию семантика подвергается.

Answer 4

В самом деле, ARIA Рекомендация государство четко следует не менять язык хоста semmantics в разделе 1.4:

«Это не подходит для создания объектов со стилем и сценарием, когда языка хоста обеспечивает семантический элемент для этого типа объектов . Хотя WAI-ARIA может улучшить доступность этих объектов , доступность лучше всего обеспечивается, если пользовательский агент обрабатывает объект изначально. Например, лучше использовать элемент h1 в HTML, чем использовать headi ng в элементе div."

Таким образом, написание <form role='form'> не только излишним, но против этой рекомендации. Сторона [d] эффекты, как один выше результата от неповиновение рекомендации.