Screen reader describes OSD controls as clickable divs

[jamesmisson]

UV version: [email protected]

I'm submitting a:

• [x] bug report => please fork one of these codesandbox examples with a repro of your issue and include a link to it below
• [ ] feature request => please use the user stories repo
• [ ] support request => Please do not submit support requests here, use stackoverflow

Current behavior:

This issue has been split out from here: https://github.com/UniversalViewer/universalviewer/issues/1085 When using a screen reader, the OpenSeaDragon controls (zoom, rotate, and the image adjustment and home buttons currently in dev) are described as 'zoom clickable', and should be just 'zoom'. It would be better for accessibility to have them as button elements. See this comment: https://github.com/UniversalViewer/universalviewer/issues/1085#issuecomment-2413948841

Expected behavior:

Screen readers describe them as buttons with their title.

Steps to reproduce:

1. activate NVDA screenreader (requires Windows)
2. open this manifest
3. use the keyboard to navigate to the items mentioned and observe how they are announced by the screenreader.

Other information:

These buttons are generated by OSD and div is the default element. It's possible to define which element they are generated as via the Button class. See OSD docs here: https://openseadragon.github.io/docs/OpenSeadragon.Button.html