Html 如何使用aria标记带有非直观文本选项卡的按钮

我有一个按钮，看起来像这样：

<button type="button">
    Remove
</button>

在上下文中，可以看到的用户将能够分辨出按钮指的是他们可以删除的特定产品。然而，对于视力残疾的用户来说，文本删除并不能提供足够的信息来帮助他们删除哪些内容

据我所知，aria标签的用途如下：

在屏幕上看不到文本标签的情况下使用它

我还知道，aria labelledby应该用于将其他标记与被标记的元素相关联。但是，对于我的按钮，按钮本身包含标签。碰巧的是，标签本身没有足够的描述性

在这一点上，你可能会问我为什么不改变按钮文本！碰巧UX团队不想更改可见按钮文本，所以我只想在不更改按钮可见部分的情况下找出按钮的可访问性

无论如何，在这种情况下，有没有一个明确的规范来说明该怎么做？我倾向于使用aria标签，但我不能肯定这本身就是符合aria的

提前谢谢

无论如何，在这种情况下，有没有一个明确的规范来说明该怎么做？我倾向于使用aria标签，但我不能肯定这本身就是符合aria的

是的，你可以

将使用aria标签属性并替换内部文本

---

文本规范规定在步骤2C中优先使用aria标签，而仅在不存在时使用内容。步骤2F

是的，您可以使用aria标签。通常，除了设置了自定义设置外，在大多数情况下，它优先于可见文本或元素true内的文本（JFW、NVDA、VO）

<button aria-label="Remove article XYZ">Remove</button>

与图像的alt属性一样，确保每个元素的aria标签足够，即可见文本或元素内的文本很可能不会被说出，它完全被aria标签替换。 在我们这里的示例中，标签中必须包含单词Remove

作为替代aria标签的方法，您还可以使用CSS类使文本仅由屏幕阅读器说出：

<button>Remove <span class="sr-only">XYZ</span></button>

您将在bootstrap之类的框架中找到相应的CSS代码。

---

在这种情况下，可视文本和屏幕阅读器特定文本都是一个接一个地说出的。确保单词没有粘在一起，否则可能会出现发音问题。

是否总是需要这种可访问的标签，或者屏幕阅读器是否可以自动推断层次结构？比如，如果我有一个Joe Blow的用户页面，上面有一个电子邮件地址，旁边有一个删除按钮，那么aria标签必须是Joe Blow的删除电子邮件地址吗？