我正在使用 React，并且有一个带有删除操作列的表。我在每一行中显示一个删除按钮，并希望为整个按钮添加替代文本，但我不确定如何执行此操作，因为没有附带替代选项。我尝试了下面的代码，但它不起作用。我知道我做得不正确，所以我需要一些指导。
此外，我正在使用 iconify 库作为我的图标。
const DelButton = () => {
return (
<Link to="/someLink">
<button aria-label="Delete" title="Delete">
<Icon icon="gg:trash-empty" alt="Delete"/>
</button>
</Link>
)
}
最佳答案
在 button 元素上使用 aria-label 就足够了。
您应该从 Icon 元素中删除 alt 属性。如果它没有渲染到 img 元素，那么它就不是有效的 HTML。
aria-label 不仅优先于 accessible name computation 中的 title 属性，但它也很享受better browser support .
关于html - 如何为按钮标签内的图标编写替代文本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/73038830/