Marker accessibility · mapbox/mapbox-gl-js#11763

(2 Kommentare) (6 Reaktionen) (0 zugewiesene Personen)JavaScript (2.203 Forks)batch import

feature :green_apple:good first issue

Repository-Metriken

How is marker accessibility achieved in MapBox?

Should default markers be focusable?
- In Google Maps only interactive markers are focusable and have role="button":
  
  Markers now default to the “img” accessibility role, or the “button” accessibility role if they are interactive (such as when a click event listener is registered). Interactive markers are also keyboard navigable [...]
- (This may also be the case for Leaflet in the future: https://github.com/Leaflet/Leaflet/issues/8116)
- Related: https://github.com/mapbox/mapbox-gl-js/pull/11064/commits/53f0eaf1626938a96d622cea2c12557f43468a42
Is there a need for authoring guidance? Similar to Leaflet's Guideline for accessible markers.
Autopan markers into view on focus is great for keyboard users, please consider it.

Research-Richtung: Untersuche, wie Marker in der Quelle gerendert werden (wahrscheinlich src/ui/marker.js). Überprüfe den referenzierten PR #11064 und seine Commits für frühere Arbeiten. Studiere Leaflets Ansatz für barrierefreie Marker und deren Richtlinien. Bestimme die vorhandene Barrierefreiheitsunterstützung und schlage einen Plan vor, um Marker fokussierbar zu machen, mit geeigneten ARIA Rollen und Autopan beim Fokus. Beteilige dich über Kommentare an den Maintainern, um den Umfang zu klären.
Tech Stack: javascript
Domain: frontend
Issue Type: Barrierefreiheit
Schwierigkeit: 3
Geschätzte Zeit: Halber Tag
Aktivitätsstatus: Aktiv
Klarheit: Meist klar
Voraussetzungen: JavaScriptAccessibility basics
Einsteigerfreundlichkeit: 50