Question

I am using the JQuery UI Accordion. We have to make our site 508 disability compliant. The screen readers will not read the content inside of the jquery accordion some of the time. It will read the first section if you open it expanded. It will read the content of the other sections if you click on them. Or if you arrow down (with up and down arrow) through the headings and select enter, it will read the content. However, if you use tab and select enter on a heading, it will collapse all headings and the screen reader will read nothing.

I could post my code but this happens when you try out the code on the Jquery UI website.
JQuery UI Accordion

Answer 1

I have fixed this by setting the focus in the change event of the accordion. Now, when they change items it will read the contents

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