WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to solve a talkback chrome issue for aria-describedby

for

From: Birkir R. Gunnarsson
Date: Dec 24, 2016 6:43PM

This is an example as to why you have to pick an accessibility testing
platform, and optimize only for that platform.

I always recommend NVDA with Firefox, because Firefox is responsive to
accessibility pdates and NVDA is free and open source.
Accessibility is not only the webpage author's business. The author
needs to make sure to write standards compliant/accessible code that
works with at least one browser/A.T. combination.
* It is the browser vendor's responsibility to expose the
accessibility markup to the operating system's accessibility API.
* It is the operating system's vendor's job to make sure the API
accommodates all accessibility markup.
* It is the assistive technology maker's job to make sure the a.t.
application queries the interface and interprets the information in a
way the end users can understand.
In this scenario, Google; the vendor responsible for Chrome, is most
likely responsible for not handling aria-describebby properly (not
exposing its value as an accessible description to the Windows
accessibility API, either MSAA, UIA or iAccessible2. I say this
because it works fine with Firefox.
It could also be Windows fault (implementing so many accessibility
interfaces, often failing to implement one all the way).
My point is that the authors are not the only ones responsible for
webpages being accessible in all browsers on all operating systems.
That is the reason we have standards in the first place. The work must
be not only on the authors, but on the browser vendors, the operating
system vendors and the assistive technology vendors.
We have standards to explain how information should be exposed. Those
are not perfect, but we are working hard to improve them.
It is our job, as accessibility experts, to recognize the glitches and
file bugs with the parties we believe are responsible.
We can ask the authors to jump through hoops to address the need, but
if we keep doing that, we will destroy the whole effort of
accessibility standardization.
We have a responsibility to help ensure that accessible markup is
turned into an accessible experience on the largest possible
combination of browsers, operating systems and assistive technologies.
But we can't always do that by asking the webpage developers to jump
through hoops and expose all manners of tricky markup to workaround
the inefficiencies and bugs of this and that browser.
It is our responsibility to make sure it works on at least one
reasonable combination, and then to help file bugs and promote
accessibility everywhere else.

Cheers
-B


On 12/23/16, Moore,Michael (Accessibility) (HHSC)
< <EMAIL REMOVED> > wrote:
> Yes there is not much support for that attribute at this point
> aria-describedby provides a backup. IMHO chrome accessibility support in
> general is not very good for windows based screen readers yet. Ideally the
> aria-describedby would only be injected when it was needed but I am not sure
> how well that could be determined.
>
> Mike Moore
> EIR (Electronic Information Resoources) Accessibility Coordinator
> Texas Health and Human Services Commission
> Civil Rights Office
> (512) 438-3431 (Office)
> (512) 574-0091 (Cell)
>
> Making electronic information and services accessible to people with
> disabilities is everyone's job. I am here to help.
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf
> Of terrence v
> Sent: Friday, December 23, 2016 12:58 PM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] How to solve a talkback chrome issue for
> aria-describedby
>
> Thanks Michael,
>
> Tried aria-errormessage="error message id"
>
> Looks like chrome has issues reading it.
>
> On Dec 23, 2016 10:46 AM, "Moore,Michael (Accessibility) (HHSC)" <
> <EMAIL REMOVED> > wrote:
>
> <input ... aria-invalid="tru" aria-errormessage="error message id"
> aria-describedby="error message id"...
>
> Mike Moore
> EIR (Electronic Information Resoources) Accessibility Coordinator Texas
> Health and Human Services Commission Civil Rights Office
> (512) 438-3431 (Office)
> (512) 574-0091 (Cell)
>
> Making electronic information and services accessible to people with
> disabilities is everyone's job. I am here to help.
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf
> Of terrence v
> Sent: Friday, December 23, 2016 12:39 PM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] How to solve a talkback chrome issue for
> aria-describedby
>
> could you shed some light what it looks like in code to assign to the
> construct , sorry I did not understand that clearly.
>
>
>
> On Dec 23, 2016 10:09 AM, "Moore,Michael (Accessibility) (HHSC)" <
> <EMAIL REMOVED> > wrote:
>
> What if you added an aria-describedby="id of error message" to the construct
> as a backup? - there would probably be a risk of repeating the error message
> but at least it would be read. I don't suppose polyfill methods would work
> for this?
>
> Mike Moore
> EIR (Electronic Information Resoources) Accessibility Coordinator Texas
> Health and Human Services Commission Civil Rights Office
> (512) 438-3431 (Office)
> (512) 574-0091 (Cell)
>
> Making electronic information and services accessible to people with
> disabilities is everyone's job. I am here to help.
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf
> Of Birkir R. Gunnarsson
> Sent: Friday, December 23, 2016 12:03 PM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] How to solve a talkback chrome issue for
> aria-describedby
>
> The new ARIA 1.1 construct for error messages is to put aria-invalid="tru"
> and aria-errormessage="id of error message element", on the input. But I
> doubt there is much, if any, support for this yet.
>
>
>
> On 12/23/16, Birkir R. Gunnarsson < <EMAIL REMOVED> > wrote:
>> Sounds like a Chrome bug.
>> I know placeholder maps to an element´s accessible description, but I
>> am not sure waht hapens when you have multipl sources o accessible
>> escription. I would they they all map, but in this case the second
>> source isn´t getting mapped.
>>
>>
>>
>> On 12/22/16, terrence v < <EMAIL REMOVED> > wrote:
>>> Hello,
>>>
>>> I am having an issue with aria-deacribedby being read for android
>>> talkback on the chrome browser when the user focuss on the field.
>>>
>>> It seems to work for an input type text without a placeholder but
>>> does not read it if the input has a placeholder text or is a select
>>> control.
>>>
>>> It work on iOS , jaws and NVDA, is there any way I can fix this for
>>> android chrome witouth breaking it for the others.
>>>
>>> Here is a an example of a working field and 2 problem fields.
>>>
>>> http://output.jsbin.com/tozacusoci
>>>
>>> If the link does not work below is the code snippet
>>>
>>> <strong>Works</strong>
>>> <div>
>>> <label for='username' >username</label>
>>> <input id='username' type="text" aria-describedby="worksError"
>>> aria-invalid="true"/>
>>> <div id="worksError" class="errorText" aria-live="polite">error
>>> please enter a value</div>
>>> </div>
>>>
>>>
>>> <strong>does not work</strong>
>>> <div>
>>> <label for='email'>Email</label>
>>> <input id='email' type="text" placeholder=" <EMAIL REMOVED> "
>>> aria-describedby="emailError" aria-invalid="true"/>
>>> <div id="emailError" class="errorText" aria-live="polite">error
>>> please fill in a valid username</div>
>>> </div>
>>>
>>> <div>
>>> <label for='year'>Year</label>
>>> <select id='year' aria-describedby="yearError"
>>> aria-invalid="true">
>>> <option value="">select year</option>
>>> <option value="2016">2016</option>
>>> <option value="2017">2017</option>
>>> </select>
>>> <div id="yearError" class="errorText" aria-live="polite">error
>>> please select a year</div>
>>> </div>
>>> >>> >>> archives at http://webaim.org/discussion/archives
>>> >>>
>>
>>
>> --
>> Work hard. Have fun. Make history.
>>
>
>
> --
> Work hard. Have fun. Make history.
> > > http://webaim.org/discussion/archives
> > > > http://webaim.org/discussion/archives
> > > > http://webaim.org/discussion/archives
> > > > http://webaim.org/discussion/archives
> > > > http://webaim.org/discussion/archives
> > > > > >


--
Work hard. Have fun. Make history.