WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Image Hotspot

for

From: glen walker
Date: Apr 26, 2021 5:56PM

By "image hotspot" do you mean the <map> and <area> elements? Follow best
practices as you would for any image and link - specify alt text for the
image itself and for each <area> element. <area> elements are keyboard
focusable so you might want to play with the focus indicator too. Firefox
and Chrome show a dotted border when focused so that's not too bad, but you
might want a custom one. When I tried area:focus {outline:red 9px solid}
in CSS, Firefox ignored it. Chrome honored the color part but not the
thickness.