WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: keyboard accessibility of Image map

for

From: Angela French
Date: Sep 27, 2017 10:03AM

Here is an example you may look at. Focus indicate is there, though not very noticeable, especially on mobile. Also it is responsive.

https://www.sbctc.edu/our-colleges/explore-colleges/default.aspx

Angela French
SBCTC

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Birkir R. Gunnarsson
Sent: Wednesday, September 27, 2017 7:05 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] keyboard accessibility of Image map

So do you use <area href="#"> elements inside the <map> element?
That should acheve keyboard accessibility, and I thought the focus outline would show up.
I haven't seen an image map lately, because they don't scale well, so break responsive.



On 9/27/17, Edelényi Zsolt Péter < <EMAIL REMOVED> > wrote:
> Hi,
>
> I am working on an accessible  website and I would like to use image
> map (i.e. use <map> element with <img>). When I step the <map>
> elementlinks the focus indicator is disappearing.
>
> Do you know any accessible solution (I think this should be
> JavaScript) to highlight the active part of the image?
>
>
> --
> Best regards,
> Zsolt Edelényi
>
> Web accessibility in Hungary, Europe.
>
> > > archives at http://webaim.org/discussion/archives
> >


--
Work hard. Have fun. Make history.