Map 如何使传单瓷砖层易于访问

如何将“alt”标记添加到平铺层，并提高应用程序的可访问性分数，尤其是Esri.WorldGrayCanvas，但在中找到的任何平铺

下面列出了地图加载时可访问的分幅解决方案，但此时未确定放大/缩小分幅时的分幅解决方案

注意：由于下面的解决方案引用了jQuery，请确保在代码中引用了jQuery的JavaScript

设置basemap变量后，例如：

var esriGray = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}', {
    attribution: 'Map Tiles © Esri — Esri, DeLorme, NAVTEQ',
    maxZoom: 16
});

添加jQuery document ready函数，赋予传单平铺窗格一个属性。下一步触发函数，指示每个地图分幅将由“地图分幅图像”及其索引号引用

注意：此解决方案仅在应用程序加载时适用，并且一旦用户缩放/平移，替代图像将消失

---

通过挂接tileload事件，可以在加载平铺图像时操纵平铺图像：

esriGray.on('tileload', function (tileEvent) {
    tileEvent.tile.setAttribute('alt', 'Map tile image');
});

---

这样，即使在缩放/平移之后，图像也始终具有alt标记，并且您不必使用Jquery。

谢谢您，iH8！我对代码进行了一些编辑，以包括tileloadstart。更新如下：

esriGray.on（'tileload，tileloadstart'，function（tileEvent）{tileEvent.tile.setAttribute（'alt'，'Map tile image'）；}）没问题，随时欢迎您。但是，您能否解释一下为什么还要在tileloadstart事件中设置alt属性？对我来说似乎有点多余…好的，它们是多余的。tileload事件似乎只适用于初始磁贴加载，但tileloadstart事件涵盖了初始加载和后续磁贴加载。因此，将您的初始代码替换为“tileloadstart”，它就做到了。
esriGray.on('tileload', function (tileEvent) {
    tileEvent.tile.setAttribute('alt', 'Map tile image');
});