Re: Generated CSS content and browser/assistive technology compatibility

Blink split from WebKit before we added the CSS4 "alt" property (mentioned previously in the thread), so WebKit is likely the only browser to support it. As noted, text-based generated content seems to be well supported in most modern browsers even if it's not well supported by some assistive technology.


> On Oct 9, 2014, at 12:39 PM, chaals@yandex-team.ru wrote:
> 
> Tabbing to the (tabindexed) paragraph in Yandex Browser 14.8, using VoiceOver on MacOS 10.7.5, in the attached test, I also got the generated content read.
>  
> Yandex Browser is based on Chromium, so I would expect the same to happen with Opera and Chrome.
>  
> In Presto-based Opera (up to 12.x) it also worked.
>  
> cheers
>  
> Chaals
>  
> 09.10.2014, 19:59, "James Nurthen" <james.nurthen@oracle.com>:
>> 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 <mailto: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> <mailto: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-getcomputedstyle <http://dev.w3.org/csswg/cssom/#dom-window-getcomputedstyle>
>>> http://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-getpropertyvalue <http://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-getpropertyvalue>
>>> 
>>> Cheers,
>>> James
>>> 
>>> 1. http://lists.w3.org/Archives/Public/www-style/2014May/thread.html#msg146 <http://lists.w3.org/Archives/Public/www-style/2014May/thread.html#msg146>
>>> 
>>>