探索在创建一个可访问的可排序列表(拖放)方面的挑战

主要观点:拖放是高度交互和可视化的界面,GitHub 的无障碍团队认为其是“高风险模式”,近期团队致力于开发更易访问的可排序列表(一维拖放),并面临诸多挑战及解决方法。
关键信息

  • 面临的挑战包括屏幕阅读器使用箭头键导航的问题、NVDA 模拟鼠标事件、快速连续移动的播报问题、新模式的首次用户体验问题以及语音控制辅助技术操作拖放的问题。
  • 解决方法如使用role='application'覆盖键盘绑定、用两个 HTML 元素分离键盘和鼠标功能、添加防抖处理播报、添加带有指令的对话框、支持两种操作模式(传统拖放和移动对话框)等。
    重要细节
  • 屏幕阅读器用户使用箭头键导航,而拖放操作会干扰其正常导航,通过role='application'可解决。
  • NVDA 用户激活拖放时模拟鼠标事件,需用特定 HTML 元素分离键盘和鼠标功能。
  • 快速连续移动播报会滞后或播报不相关内容,添加防抖处理并使用aria-live='assertive'
  • 为新用户提供键盘操作的指令对话框,有“不再显示”选项。
  • 语音控制在可滚动列表中操作拖放困难,需支持传统拖放和移动对话框两种模式。

最后对同事的努力表示感谢,并邀请参与客户研究小组,还介绍了 GitHub 的相关内容如文档、GitHub Universe 2024、GitHub Copilot 和企业内容等。

阅读 11
0 条评论