Hello,

Is it possible to use CSS to make the focus indicator more apparent on image 
maps?  Here is the one I am trying to improve on to make it a better experience 
for keyboard users.

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

Since the dots are so little, I'd like to put a black border around them on 
focus rather than the default.  I've tried this:

div.MapBox1 area {outline: 2px solid black;}


div.MapBox1 area {border: 2px solid black;}

div.MapBox1 area:focus {outline: 2px solid black;}

nothing has any effect.

Thank you


Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edu<mailto:afre...@sbctc.edu>
www.sbctc.edu<http://www.sbctc.edu/>

______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to