New content type created which basically associates an image with a button - see below:
- Works with mouse or (arrow/space/Enter) keys
- Responsive to smaller screens by moving buttons above images
Code is here: https://github.com/msdlt/h5p.LinkedImageSwap
I can't work out how to use the FontAwesome library for the radio button icons so these are curently css - see: https://h5p.org/comment/31040#comment-31040
Long-term, it would be much better to improve the image hotspot drawing tool to support polygons and then draw filled polygons on images inside H5P. But this 'low-tech' approach will enable us to convert hundreds of image-based interactions like this in our pre-clincal medicine course.