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

(2 留言) (6 反應) (0 負責人)JavaScript (10,532 star) (2,203 fork)batch import

feature :green_apple:good first issue

描述

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.

技術棧: javascript
領域: frontendaccessibility
議題類型: feature
難度: 3
預計時間: 1-2 days
活動狀態: stale
清晰度: needs investigation
前置要求: JavaScriptDOMAccessibility (ARIA)Mapbox GL JS basics
新手友善度: 35
研究方向: Investigate how markers are rendered in the source (likely src/ui/marker.js). Review the referenced PR #11064 and its commits for previous work. Study Leaflet's approach to accessible markers and their guidelines. Determine existing accessibility support and propose a plan to make markers focusable with appropriate ARIA roles and autopan on focus. Engage with maintainers via comments to clarify scope.