This is a longshot, but I currently have an “Image with Hotspots” function on my page (WPBakery), and I’m trying to make it ADA/Accessibility friendly. I’ve added an “aria-labelledby” div property to the image that’s within one of the hotspots so that it contains textual information and it does work to highlight when I tab down the page. The only issue is that when I tab instead of mouse/hover, it doesn’t actually open the hover/lightbox to show it, it only shows if I actual hover. Is there any possible way to make it so that when I’m tabbing through the page, it actually opens up each of the lightbox hover spots? Or any other way to make it ADA friendly? For context, each of my hovers have some text and then a small image within each hotspot popup. Thanks in advance!
[ad_2]