WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Interesting effect with CSS

for

From: Bryan Garaventa
Date: Jan 9, 2012 10:03AM

Thanks, when you say deleted, is it briefly showing up in the DOM? I've
wondered how CSS renders content without actually changing the DOM, do you
know how this is done?

----- Original Message -----
From: "Ryan Hemphill" < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Sunday, January 08, 2012 4:43 PM
Subject: Re: [WebAIM] Interesting effect with CSS


> I've run some tests on that. It's inconsistent at best and can also
> interfere with the formatting in some cases because it is deleted (at
> least
> it appears) AFTER added to JAWS' virtual buffer.
>
> That's my 2 cents.
>
> Ryan
> On Jan 7, 2012 9:29 PM, "Bryan Garaventa" < <EMAIL REMOVED> >
> wrote:
>
>> I came a cross this the other day.
>>
>> For a while I thought that using the CSS technique :after or :before
>> would
>> be useful for displaying content visually but hiding it from screen
>> readers, such as adding a graphical arrow or plus/minus sign on a menu or
>> similar like so:
>>
>> li.treeitem:after {
>> content: '+';
>> }
>>
>> Which is invisible in IE using JAWS and NVDA. However this actually is
>> visible in both JAWS and NVDA using Firefox.
>>
>> No idea if this is helpful or not, but I thought it was interesting.
>>
>> Bryan
>>