aria-label incorrectly set on markers with no role attribute causing accessibility issues

[cmburcus]

Map markers use div elements with an aria-label="Map marker" and no role which is not recommended from an accessibility standpoint. Markers should either not use div, a proper role attribute should be assigned or no aria-label should be set.

maplibre-gl-js version: 5.7.2

browser: All

Steps to Trigger Behavior

1. Render a marker on the map
2. Inspect marker

Link to Demonstration

https://maplibre.org/maplibre-gl-js/docs/examples/add-a-default-marker/

The issue can be clearly seen on the maplibre example by just inspecting the marker on the map.

Expected Behavior

div with role attribute and aria-label OR element that accepts aria-label OR no aria-label supplied

Actual Behavior

div with no role and default aria-label of "Map marker"

[HarelM]

Feel free to open a PR to fix the issue, the marker code is contained within the marker.ts class.
Since I'm not an expert in accessibility it would help a lot of you could help here.

[cmburcus]

Thank you @HarelM . I shall take a look at the contribution readme and try to follow along!