W3C home > Mailing lists > Public > public-pfwg@w3.org > October 2014

Re: Generated CSS content and browser/assistive technology compatibility

From: Dominic Mazzoni <dmazzoni@google.com>
Date: Thu, 9 Oct 2014 11:41:53 -0700
Message-ID: <CAFz-FYzuj2mb=2EhhiN-MBa3M0P7vWaF6fbrj+kWSFNRZjkhrA@mail.gmail.com>
To: James Nurthen <james.nurthen@oracle.com>
Cc: "W3C WAI Protocols & Formats" <public-pfwg@w3.org>
I see the same thing. JAWS supports it in Chrome but ignores generated
content in both FF and IE. There's no excuse for not supporting it in FF
since it's in the accessibility tree; I suspect they're using ISimpleDOM
more than they should be.

NVDA works correctly with Chrome and Firefox, but not with IE.

Narrator doesn't work correctly with IE either.

On Thu, Oct 9, 2014 at 11:13 AM, James Nurthen <james.nurthen@oracle.com>
wrote:

>  I note that FF is exposing it in the accessibility tree too.
>
> I guess JAWS isn't using the accessibility tree for text as JAWS won't
> read it with FF.
>
> Regards,
> James
>
>
> On 10/9/2014 11:05 AM, Dominic Mazzoni wrote:
>
> Works fine in Chrome too, presumably with any assistive technology since
> we're exposing the generated content in the accessibility tree.
>
> On Thu, Oct 9, 2014 at 10:58 AM, James Nurthen <james.nurthen@oracle.com>
> wrote:
>
>>  I just tested with NVDA and Firefox 31 and it seemed to be read
>> correctly in this combination too.
>>
>>
>>
>> On 10/9/2014 10:51 AM, Gunderson, Jon R wrote:
>>
>> James,
>>
>> Thank you for the code sample.
>>
>> At this point the only known place generated CSS content works with assistive technology is Safari/Voice Over or are there other combinations you are aware of?
>>
>> Jon
>>
>>
>> -----Original Message-----
>> From: James Craig [mailto:jcraig@apple.com <jcraig@apple.com>]
>> Sent: Thursday, October 09, 2014 12:28 PM
>> To: Gunderson, Jon R
>> Cc: Ted O'Connor; W3C WAI Protocols & Formats
>> Subject: Re: CSS flexbox
>>
>>
>>  On Oct 9, 2014, at 6:34 AM, Gunderson, Jon R <jongund@illinois.edu> <jongund@illinois.edu> wrote:
>>
>> Is there a way through a W3C DOM interface to identify this generated content?
>>
>>  CSSOM not DOM:
>> var pseudoBefore = window.getComputedStyle(myElement, "::before"); var genContent = pseudoBefore.getPropertyValue("alt") || pseudoBefore.getPropertyValue("-webkit-alt") || pseudoBefore.getPropertyValue("content");
>>
>> If "content" returned an image URL string, you'd have to further parse to determine if there was a useful text alternative, or maybe the text or speak-as value of the counter if the content of the pseudo-element was a counter. [1]
>>
>> >From the spec:
>>
>>  If pseudoElt is as an ASCII case-insensitive match for either ':before' or '::before' let obj be the ::before pseudo-element of elt.
>> If pseudoElt is as an ASCII case-insensitive match for either ':after' or '::after' let obj be the ::after pseudo-element of elt.
>>
>>  http://dev.w3.org/csswg/cssom/#dom-window-getcomputedstylehttp://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-getpropertyvalue
>>
>> Cheers,
>> James
>>
>> 1. http://lists.w3.org/Archives/Public/www-style/2014May/thread.html#msg146
>>
>>
>>
>>   --
>> Regards, James
>>
>> [image: Oracle] <http://www.oracle.com>
>> James Nurthen | Principal Engineer, Accessibility
>> Phone: +1 650 506 6781 <+1%20650%20506%206781> | Mobile: +1 415 987 1918
>> <+1%20415%20987%201918>
>> Oracle Corporate Architecture
>> 500 Oracle Parkway | Redwood City, CA 94065
>> [image: Green Oracle] <http://www.oracle.com/commitment> Oracle is
>> committed to developing practices and products that help protect the
>> environment
>>
>
>
> --
> Regards, James
>
> [image: Oracle] <http://www.oracle.com>
> James Nurthen | Principal Engineer, Accessibility
> Phone: +1 650 506 6781 <+1%20650%20506%206781> | Mobile: +1 415 987 1918
> <+1%20415%20987%201918>
> Oracle Corporate Architecture
> 500 Oracle Parkway | Redwood City, CA 94065
> [image: Green Oracle] <http://www.oracle.com/commitment> Oracle is
> committed to developing practices and products that help protect the
> environment
>

oracle_sig_logo.gif
(image/gif attachment: oracle_sig_logo.gif)

picture
(image/gif attachment: 02-part)

picture
(image/gif attachment: 03-part)

green-for-email-sig_0.gif
(image/gif attachment: green-for-email-sig_0.gif)

Received on Thursday, 9 October 2014 18:42:20 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 16:45:09 UTC