在下面的示例中,按钮的样式看起来像一个典型的"关闭"按钮,中间有一个X. 由于没有任何迹象表明按钮的用途是关闭对话框,因此aria-label属性用于为任何辅助技术提供标签.
Run Code Online (Sandbox Code Playgroud)<button aria-label="Close" onclick="myDialog.close()">X</button>
根据Bootstrap文档:
将元素隐藏到除.sr-only的屏幕阅读器以外的所有设备
所以我想我也可以写:
<button onclick="myDialog.close()"><span class="sr-only">Close</span>X</button>
Run Code Online (Sandbox Code Playgroud)
在Bootstrap项目中,我如何选择更喜欢哪一个?
有一个线程有关于这个主题的许多答案(在 Chart.js 中的条形顶部显示值),但都是关于版本 2.x
getDatasetMeta() 已弃用: https://www.chartjs.org/docs/3.0.2/getting-started/v3-migration.html
“datalabels”插件尚未移植到 3.x: https: //github.com/chartjs/chartjs-plugin-datalabels
您找到任何有效的解决方案了吗?如何将数据值显示在垂直条形图的顶部(或水平条形图的旁边)?