WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [EXTERNAL] Text exposed on Hover

for

From: glen walker
Date: May 25, 2021 2:44PM

The adidas site has focusable elements (they're links). I didn't see an
obvious :hover style but when I turn on "hover" in the code inspector, the
new image appears. If there is a :hover state in the CSS, you can add a
:focus state too so that you get the same image whether you hover over or
tab to the link.

Both images (hovered and non-hovered) have alt text so that's good.

On Tue, May 25, 2021 at 2:23 PM Radhika Soni < <EMAIL REMOVED> > wrote:

> Thanks for the feedback. Also, would like to know, that nowadays on many
> ecommerce sites, we do see different product image on hover? What do you
> think? Would you call them accessible? And if not, how can we make them
> accessible? Any ideas would be appreciated.
>
> Have a great week ahead!
>
> Refer this site ( Check for product listing, as you hover on them you see
> different image) -https://www.adidas.com/us/member_exclusive
>
> Regards,
> -Radhika
>
>