WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: IE 11 Bug? Work around?

for

From: Dominic Capuano (gmail)
Date: Mar 15, 2016 12:42PM


Mike;

"but still can't get the desired behavior out of IE"

What exactly are you expecting JAWS/NVDA to say?

Dominic Capuano
<EMAIL REMOVED>
(h)(401) 726-2551


-----Original Message-----
From: Moore,Michael (Accessibility) (HHSC)
[mailto: <EMAIL REMOVED> ]
Sent: Tuesday, March 15, 2016 12:58 PM
To: WebAIM Discussion List
Subject: [WebAIM] IE 11 Bug? Work around?

I have the following demonstration code.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Checkbox Status Reporting for Completed Form</title> </head>

<body>
<form>
<p id="aboutSupportNeeds_label">Tell us about Fred (check all that
apply)</p>
<input name="aboutSupportNeeds" checked disabled class="ng-pristine
ng-untouched ng-valid ng-valid-required" id="intlectDisableSwElem"
aria-labelledby="aboutSupportNeeds_label intlectDisableSwElem_label"
type="checkbox" value="Y" >
<label class="span8 checkboxGroupLabel" id="intlectDisableSwElem_label">
a. Has an intellectual disability (IQ is less than 70).&nbsp;
</label>

</form>
</body>
</html>

This is a subset of code used in an application to present the completed
form to the user for review. They cannot make any changes to the form from
the page in this state. Thus the reason for the checkbox to be disabled.

In FireFox and Chrome JAWS and NVDA report the correct status of the
checkbox but in IE11 the status of disabled checkboxes is always reported as
not checked by the screen readers.

I have tried adding aria-checked and even role=checkbox but still can't get
the desired behavior out of IE.

Does anyone know of a work-around for this situation?

Mike Moore
Accessibility Coordinator
Texas Health and Human Services Commission Civil Rights Office
(512) 438-3431 (Office)