mapbox/mapbox-gl-js

[accessibility] Accessible target size for controls

開放

#11,037 建立於 2021年9月18日

 (1 則留言) (2 個反應) (0 位負責人)JavaScript (2,203 個分叉)batch import
good first issue

倉庫指標

星標
 (10,532 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

The WCAG 2.1 SC 2.5.5 Target Size requires targets for pointer input to be at least 44 by 44 in CSS pixels. Meeting this requirement has multiple benefits, it'd be great to pass this criteria for the commonly used controls:

  • Attribution control (mapboxgl-ctrl-attrib-button)
  • Popup close button (mapboxgl-popup-close-button)
  • Fullscreen control (mapboxgl-ctrl-fullscreen)
  • Location control (mapboxgl-ctrl-geolocate)
  • Markers (mapboxgl-marker)
  • Navigation controls:
    • Zoom in (mapboxgl-ctrl-zoom-in)
    • Zoom out (mapboxgl-ctrl-zoom-out)
    • Compass/reset bearing (mapboxgl-ctrl-compass)
  • etc.?

It may not be desirable to increase the size of the icons themselves, in which case padding can be used to increase the size of the tap targets.

貢獻者指南