Allow aria-label to be set on the canvas

To give visually impaired users context for the canvas element, it should be possible to set an aria-label on the canvas created by OpenLayers. By setting the aria-label we can comply to WCAG 1.1.1: Non-text-content. The easiest way to achieve this is by simply hardcoding the aria-label to aria-label="Canvas element marked as an image", but it would be better to be able to set it via the options in the constructor of the map:

const map = new Map({
    ariaLabel: "An interactive map of the world",
    ...
})

This way the user has control over what the label should read.

[krechj]

We could use an aria-label on the zoom-in and zoom-out buttons. So visually impaired people can understand them. This would help us to comply to WCAG SuccessCriterium 2.4.6. Headings and Labels

As rsids said: a hardcoded aria-label would go a long way, but the ability to set it in the configurations would be better (preferably we need to set the labels in Dutch).

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.