WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: IE 11 Bug? Work around?

for

From: Birkir R. Gunnarsson
Date: Mar 15, 2016 2:27PM

Because it is the presence of the disabled attribute that is causing
Jaws to report the checkbox as unchecked.


On 3/15/16, Sean Curtis < <EMAIL REMOVED> > wrote:
> 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)
>>
>> >> >> >> > > > > >


--
Work hard. Have fun. Make history.