ImageMapster
ImageMapster copied to clipboard
jamietre
Keyboard accessibility
Hello,
Great plugin. Thank you for sharing as this could be extremely useful for me.
Out of the box it seems to break the keyboard accessibility of my page and I can neither tab to the areas or tab past them. So I effectively get stuck on the screen. I would love to able to use this plugin, but if it's not accessible using a keyboard only then it's a problem for me.
Hopefully it's something simple that I need to include in my code.
Thank you in advance.
Barry
Hmm... there's not any quick solution that I can think of for this; the plugin was never really design with keyboard accessibility in mind. It might not be too hard to make it work but there's no support right now.
Hi James, Thank you for your reply. You're not alone in not considering Keyboard accessibility when developing plug-ins. I wish I had the skill to incorporate it for you but I'm afraid that's not the case.
Many developers don't even think about keyboard accessibility as it appears to be not needed, but if you have disabled users that don't use a mouse or other pointing device, it renders the page inaccessible.
Thank you for sharing the plugin. If I get time I will see if I can add the functionality and if I can I will share it.
Kind regards,
Barry
You did not mention which browser it does not work in. I have it working in IE7+, Chrome, Safari and FF 3.6 with a small amount of JS (focus listeners etc). FF4+ is a no go. Please see these examples:
- unmodified image map, tabing works in FF 4+ http://jsfiddle.net/PerWiklander/NRADk/7/embedded/result/
- ImageMapster added (plus some extra JS to make tabing work better than the vanilla version, please have a look @jamietre ), tabing does not work in FF 4+ http://jsfiddle.net/PerWiklander/NRADk/8/embedded/result/
A possibly related FF bug report: https://bugzilla.mozilla.org/show_bug.cgi?id=592538
Please note: This actual jsfiddle example uses datauri for the image (due to lack of image hosting) so it will only woking in browsers that support it. See http://caniuse.com/#feat=datauri. With a real image the browser support is as stated above.
