WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: IE 11 Bug? Work around?

for

From: Moore,Michael (Accessibility) (HHSC)
Date: Mar 15, 2016 2:27PM

That would be nice except that when the disabled attribute is present IE does not report that the checkbox is checked through the screen reader. I definitely see this as an IE bug since it continues to represent the checkbox as checked visually.

Looking at MSAA through A-Viewer in IE the value of the accState for the checkbox is just unavailable while in FireFox it is checked, marqueed, unavailable.

When you remove the disabled attribute from the input IE changes the accState in MSAA to checked, focusable, marqueed and unavailable.

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

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Sean Curtis
Sent: Tuesday, March 15, 2016 3:05 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] IE 11 Bug? Work around?

Why not leave the disabled attribute as is, but simply add the aria-disabled="true" attribute to help IE11 out? No JS required.

Cheers,

Sean

> On 16 Mar 2016, at 3:57 AM, Moore,Michael (Accessibility) (HHSC) < <EMAIL REMOVED> > wrote:
>
> 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)
>
> > > archives at http://webaim.org/discussion/archives
>