From MDN:
根据Bootstrap文档:
所以我想我也可以写:
<button onclick="myDialog.close()"><span class="sr-only">Close</span>X</button>
在Bootstrap项目中,我该如何选择喜欢的一个?
最佳答案
在MDN示例中,由于aria-label
会覆盖按钮中的文本,因此屏幕阅读器只会说“关闭”一词。即使您在不使用Bootstrap的情况下重新使用代码,这也将起作用。
在您的示例中,屏幕阅读器将说“close x”,因为您没有采取任何行动来使屏幕阅读器隐藏“x”。您还要添加一个文本节点,然后使用一个类将其隐藏。
我将使用MDN中的示例。