html - 如何使这个 html/css 图形更易于访问？

Question

所以我使用 htmls/css 制作了这个元素

现在这个 html 只是一个包含五个跨度的 div

<div>
  <span>Design</span>
  <span>Implement</span>
  <span>Test</span>
  <span>Optimize</span>
  <span>We are here</span>
</div>

然而，这对于屏幕阅读器来说是无法理解的，因为它不知道“我们在这里”指向哪里。

如果这是一张图片，我可以添加一个 alt 属性，alt="we are in the test phase"但由于我不能alt在 a 上使用div，那我该怎么办？

标签： htmlaccessibility