Рекомендации по клавиатурной навигации элементов управления JavaScript?

По-видимому, «лучшая практика» при создании виджетов DHTML, например меню и т. д., позволяет пользователям перемещаться по виджетам с помощью клавиши табуляции и перемещаться внутри виджета с помощью клавиш со стрелками. Это следует за тем, как ОС традиционно работает при навигации между элементами управления и между ними, и позволяет пользователям легко пропускать элемент управления в соответствии с порядком табуляции. См. http://dev.aol.com/dhtml_style_guide/ и т. Д.

Однако многие люди (если они даже хотят сделать доступными свои виджеты DHTML доступными, проигнорируйте этот совет и просто разрешите пользователям вводить вкладку между элементами внутри элемента управления.

Я прошу опытных людей с точки зрения доступности, какова современная передовая практика. Большинство пользователей клавиатуры ожидают такого поведения от элементов управления DHTML? Если они не ожидают, что смогут перемещаться с помощью клавиш со стрелками внутри элемента управления, это может привести к запутыванию большего количества людей, чем помогает ... Спасибо заранее

7 голосов | спросил Aaron 18 PMpThu, 18 Apr 2013 23:59:19 +040059Thursday 2013, 23:59:19

1 ответ


4

Использование Tab Order - отличная помощь для опытных пользователей, поскольку это ускоряет (часто скучную) задачу заполнения любой формы. Существуют формы для всего, от предоставления ежегодного налогового представления до правительственного агентства, небольшого знака в форме имени пользователя /пароля. Использование клавиш управления только позволяет пользователю работать лучше, и ваши пользователи будут любить вас для усилий (что довольно просто измеряется во времени).

tabindex html-атрибут должен соответствовать всем входам слева направо (в странах чтения LTR. В странах, читающих RTL, обратное имеет место) и сверху вниз. Избегайте использования tabindex на этикетках, так как они только мешают, и делает пользователя хуже. Это обычная проблема, но ее можно легко исправить, если вы поделитесь с ней своим мнением.

  

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

     

Вопросы юзабилити: заказ вкладки

Microsoft и Adobe поощряет использование порядка вкладок (tabindex ) со следующим:

  

Чтобы повысить удобство использования элементов управления на веб-страницах ASP.NET, вы можете указать порядок, в котором пользователи могут входить в элементы управления веб-сервера ASP.NET, и вы можете указать, какой элемент управления на странице имеет фокус, когда сначала открывается страница. (Microsoft)

     

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

Microsft также указали Нарушения верхнего руководства где они говорят:

  

В пределах остановки табуляции порядок стрелок должен поступать слева направо, сверху вниз, без исключений . Клавиши со стрелками должны без проблем останавливать все предметы в обоих направлениях.

TL; DR

Поэтому я считаю, что можно с уверенностью сказать, что вам следует реализовать беззаботный порядок вкладок (tabindex) в любом веб-приложении, которое вы создаете.

ответил 4rchit3ct 19 PMpFri, 19 Apr 2013 17:04:01 +040004Friday 2013, 17:04:01

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132