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

(2 commentaires) (6 réactions) (0 assignés)JavaScript (2 203 forks)batch import

feature :green_apple:good first issue

Métriques du dépôt

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.

Direction de recherche: Étudiez comment les marqueurs sont rendus dans la source (probablement src/ui/marker.js). Examinez la PR #11064 référencée et ses commits pour les travaux précédents. Étudiez l'approche de Leaflet concernant les marqueurs accessibles et ses directives. Déterminez le support d'accessibilité existant et proposez un plan pour rendre les marqueurs focalisables avec des rôles ARIA appropriés et un autopan lors du focus. Engagez la discussion avec les mainteneurs via des commentaires pour clarifier la portée.
Stack technique: javascript
Domaine: frontend
Type d'issue: Accessibilité
Difficulté: 3
Temps estimé: Une demi journée
Statut d'activité: Active
Clarté: Plutôt claire
Prérequis: JavaScriptAccessibility basics
Accessibilité débutant: 50