2011-11-23 24 views
1

我正在使用JQuery UI Accordion。我們必須使我們的網站符合殘疾標準。屏幕閱讀器在某些時候不會閱讀jquery手風琴內的內容。它會讀取第一部分,如果您打開它展開。它會讀取其他部分的內容,如果你點擊它們。或者,如果您通過標題向下(帶向上和向下箭頭)並選擇回車,它將讀取內容。但是,如果您使用標籤並在標題上選擇輸入,則會摺疊所有標題,屏幕閱讀器將不會讀取任何內容。JQuery Accordion Keyboard兼容性和殘疾兼容

我可以發佈我的代碼,但是當您嘗試Jquery UI網站上的代碼時會發生這種情況。 JQuery UI Accordion

+0

我試過了dotjay修復。但是,當我應用頭文件屬性時,它會弄亂手風琴的渲染。 http://lab.dotjay.co.uk/tests/jquery-ui-accordion-keyboard-accessibility/ –

+0

我在Jquery版本1.6.2和UI版本1.8.16 –

回答

2

我已經通過在手風琴的改變事件中設置焦點來解決這個問題。現在,當他們改變項目時,它會讀取內容

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