WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: ins and del


From: Moore, Michael
Date: Sep 19, 2008 3:30PM

Thanks Jared,

I actually meant to say a span inside of the ins or del element. (Friday
afternoon brain glitch). In both cases the indicator is positioned off

Good idea about the parenthesis, it will help if the text actually shows
up on the screen for some reason.


-----Original Message-----
[mailto: <EMAIL REMOVED> ] On Behalf Of Jared Smith
Sent: Friday, September 19, 2008 4:18 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] ins and del

On Fri, Sep 19, 2008 at 2:57 PM, Moore, Michael wrote:
> 1. Add a 1 pixel clear gif prior to and after the deleted or inserted
> text with alt text indicating the status of the text.
> It is a bit clumsy needing to listen to JAWS announce the graphics
> although users can turn that off but has the advantage that it will
> affect the visual display unless both CSS and graphics are disabled.

As you note, screen readers don't always identify graphics. You
shouldn't necessarily avoid images just because they might be

> 2. Wrap the text indicating the beginning and the end of the insertion
> or deletion with a span inside of a span and position the span off
> screen using CSS.
> JAWS reads smoother now without the announcement of "graphic" but
> is a risk that if CSS is disabled all users will see the text.

Why two spans? Wouldn't one work? You are using <del> and <ins>
regardless of the lack of support, correct?

While users may see the text in Option 2 if CSS is disabled, they
would see the same text in Option 1 if images are disabled. I'd maybe
put the text in parentheses to help offset it in these cases. Beyond
that, either option looks OK, though clearly not as good as if screen
readers actually supported these elements. And I can't really think of
a better option. I'm more of a minimalist, so I'd probably go with
Option 2.

Jared Smith