From MDN:



根据Bootstrap文档:



所以我想我也可以写:

<button onclick="myDialog.close()"><span class="sr-only">Close</span>X</button>

在Bootstrap项目中,我该如何选择喜欢的一个?

最佳答案

在MDN示例中,由于aria-label会覆盖按钮中的文本,因此屏幕阅读器只会说“关闭”一词。即使您在不使用Bootstrap的情况下重新使用代码,这也将起作用。

在您的示例中,屏幕阅读器将说“close x”,因为您没有采取任何行动来使屏幕阅读器隐藏“x”。您还要添加一个文本节点,然后使用一个类将其隐藏。

我将使用MDN中的示例。

07-24 17:39
查看更多