jquery datepicker中的可访问性问题答案

【问题标题】：Accessibility issue in jquery datepickerjquery datepicker中的可访问性问题
【发布时间】：2013-07-10 13:19:14
【问题描述】：

使用 jquery datepicker 更改月份和年份。在测试可访问性时，该选项卡不适用于日历，因为使用选项卡会弹出日历，但之后再次使用选项卡会转到下一个字段。

相反，它应该转到上一个按钮，然后是月份下拉菜单，然后是年份下拉菜单，然后是下一个按钮，然后是所有日期。

如果可能，请分享任何解决方案。

【问题讨论】：

【解决方案1】：

当日期选择器显示时，您必须获取 UI 元素并相应地更改子按钮的 tabindex 属性。

编辑这实际上更困难，因为您还必须处理 onfocus/onblur 事件。

HTML5 DATE 与制表符配合使用。

<input type="date" />

【讨论】：

感谢您的重播 :) 您能告诉我如何获取 UI 元素并更改 tabindex 吗？我试过 bt 无法获得任何输出 :( ...
@user2549396 - 不幸的是，您可能无法做到。您可能必须覆盖 tab 键的 onkeydown 事件，以便保持日期选择器可见，然后您必须将 tabindex 添加到 ui-prev 和 ui-next 类，它们是 datepicker 上的按钮。没有简单的解决方案，只有大量的试验和错误，直到你能得到可行的东西。制作自己的日期选择器而不是使用 jQuery UI 可能是一个更好的解决方案。