WebAIM - Web Accessibility In Mind

E-mail List Archives

JAWS reading disabled radio button state incorrectly

for

From: Mark Magennis
Date: Sep 15, 2017 7:43AM

Hi everyone,

I'm looking at a radio button set that is not working as expected with JAWS. When I select a radio button, all radio buttons become disabled by scripting. If I then navigate through them with the arrow keys, JAWS does not announce the checked state of the selected radio button correctly. Any idea why?


<fieldset>
<legend>List of Answers</legend>
<input name="group" id="one" onchange="change()" type="radio">
<label id="labelOne" for="one">First</label>
<input name="group" id="two" onchange="change()" type="radio">
<label id="labelTwo" for="two">Second</label>
<input name="group" id="three" onchange="change()" type="radio">
<label id="labelThree" for="three">Third</label>
</fieldset>

<script>
function change() {
$("#one").attr("disabled", "disabled").attr("aria-disabled", "true");
$("#two").attr("disabled", "disabled").attr("aria-disabled", "true");
$("#three").attr("disabled", "disabled").attr("aria-disabled", "true");
}
</script>


Thanks,
Mark