pannellum
pannellum copied to clipboard
mpetroff
Accessibility: Navigate hotspots with keyboard only
Panning and zooming works well with only a keyboard, but how can you
- show hotspot text?
- activate a linked hotspot to get to the next panorama?
As mentioned in https://github.com/mpetroff/pannellum/issues/328#issuecomment-273656835, I'm not sure of a good way to add tab indices to hot spots, since they keep moving around the screen and in and out of view. Until that issue is solved, I don't see a way to implement what you describe. If you have ideas as to how to do this, I'm open to suggestions.
I'm not sure if this would help, but I'm using the createTooltipFunc property to add plenty of custom markup to the tooltips (including additional classes, images, content etc.). It's working really well.
When you're iterating through your list of hotspots and adding each one, you could theoretically add a tabindex (either to the hotspot itself or to a child element added via createTooltipFunc) to allow users to tab through each hotspot, using a :focus CSS selector to show/hide whatever was necessary.
How about adding dots along the bottom/top/side/etc that are clickable to jump to the next hotspot and then use them as tab focus points, similar to how a slideshow is styled.
When they get tabbed to or clicked then the image rotates to centre the hotspot and focusses the hotspot thus showing the tooltip...
