我正在尝试创建一个；热点；地图，这是一个HTML图像，按钮绝对位于图像的顶部。
<div class="hotspot-map-container">
<img src="..." alt="..">
<button aria-label='buttonpurpose' class='map-pulsing-btn'></button>
<button aria-label='buttonpurpose' class='map-pulsing-btn'></button>
<button aria-label='buttonpurpose' class='map-pulsing-btn'></button>
<button aria-label='buttonpurpose' class='map-pulsing-btn'></button>
<button aria-label='buttonpurpose' class='map-pulsing-btn'></button>
</div>
不过，我不知道如何从可访问性的角度来看待这一点。对于这种HTML结构，有没有应该考虑的aria属性？此外，如果用户不想(在屏幕阅读器上(筛选所有链接，我应该在顶部有某种跳过链接吗。我还想保留这样的上下文，即这些按钮是"；在"；屏幕阅读器的图像(如果可能的话(。
您可以使用<button>元素，但我建议您先使用带有<map>和<area>元素的<img>。
<area>元素本质上是链接，由于链接会将您带到一个新页面，因此它可能不是您想要的行为，因为您最初使用的是按钮。但是，您可以覆盖链接的行为，并使其执行一个操作，而不是表现得像链接。
如果<area>没有href属性，那么它在不同浏览器上的行为会有所不同。Firefox仍然使<area>元素成为一个制表符，但屏幕阅读器并没有宣布它是一个链接。如果<area>没有href属性，Chrome不会使其成为制表符。如果所有的<area>元素都有一个href，那么它是可以访问的。
<button>元素也非常容易访问。如果按钮没有可见的文本，那么您需要一个aria-label，就像您在示例中建议的那样。
但总的来说，你所拥有的概念是好的，是可以理解的。