符合JQuery手风琴键盘辅助功能和残疾

Question

我正在使用JQuery UI Accordion。我们必须使我们的网站508残疾人合规。屏幕阅读器在某些时候不会读取jquery手风琴内的内容。如果打开它，它将读取第一部分。如果单击它们，它将读取其他部分的内容。或者，如果您通过标题向下箭头（使用向上和向下箭头）并选择回车，它将读取内容。但是，如果您使用tab并在标题上选择enter，它将折叠所有标题，屏幕阅读器将不会读取任何内容。

我可以发布我的代码但是当您在Jquery UI网站上试用代码时会发生这种情况。 JQuery UI Accordion

Answer 1

我已经通过在手风琴的变化事件中设置焦点来解决这个问题。现在，当他们更改项目时，它将读取内容

 $("#accordion").accordion({
    change: function (event, ui) {
        var selectedLoan = '#' + ui.newContent.attr('id');
        $(selectedLoan).focus();
        $(selectedLoan).select();
    },
    collapsible: true
});