Unfortunately, while I know my markup and CSS, I'm pretty much just far
enough into JS to mess around with existing code, but not often create it
*grin*
The stylesheet for Lightbox doesn't do anything to the focus property, so
the next possibility I see is that it looks like the next/prev links are
immediately being hidden as part of the imageswitching function. So, maybe
it's that they just get removed before there's a chance for the outline to
show? I haven't quite figured out yet whether or when you're doing this in
relation to the user clicking.
The important thing to remember, though, is that this isn't a case of "Don't
do it," but "Don't negate it."
The guideline is just that the focus should be indicated *somehow*. If you
don't like the default outline, you can change it to something else.
So, all that's really necessary is this:
#ImageBoxPrevImage:hover,
#ImageBoxPrevImage:focus
{
outline : none;
background-image: url(images/imagebox/prev_image.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
...which gets rid of the outline, but still ensures that there is feedback.
(BTW: Focus rules should come after hover. I can't remember the reasoning
for it, and barely understood it then. It's just one of those things.)
On 4/25/07, Rey Bango <[EMAIL PROTECTED]> wrote:
Thanks for the feedback Su. I'm wondering how this version of LightBox
http://www.huddletogether.com/projects/lightbox2/
which leverages Prototype and Scriptaculous, avoids the outline
behavior. If you look at it in FF, you'll see it doesn't appear.
Any chance you can take a look at it Su? I certainly don't want to
degrade accessibility so maybe you can shed some light on this.
