sampotts/plyr

Keyboard operation of Settings menu on IE not working

Open

#1,396 建立於 2019年3月26日

在 GitHub 查看
 (1 留言) (0 反應) (0 負責人)JavaScript (25,318 star) (2,856 fork)batch import
BugHelp Wanted

描述

Expected behaviour

With the settings menu open, up and down arrow should move the focus between the menu items.

Actual behaviour

Up and down arrow do not work. Tab key does something, but not according to the w3c recommendations.

Steps to reproduce

Open the demo site (plyr.io) with MSIE. Tab to the settings menu. Open it with ENTER.

Environment

  • Browser: MSIE
  • Version: 11
  • Operating System: Win
  • Version:8.1

Console errors (if any)

Link to where the bug is happening

https://plyr.io/

貢獻者指南

技術棧
javascripthtml
領域
frontendaccessibility
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
JavaScript keyboard eventsIE compatibilityplyr settings component
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
40
研究方向
Investigate the plyr settings menu implementation in the JavaScript source code, likely in `src/js/settings.js`. Examine how keyboard events are handled for navigation. Test in IE 11 using a virtual machine or BrowserStack. Ensure that arrow keys trigger focus movement as per WAI ARIA menu pattern. Consider adding keydown event listeners for ArrowUp and ArrowDown to move focus between menu items, and ensure Tab key works correctly. Refer to the demo site at plyr.io for reproduction.