将辅助功能道具传递给 Material-ui-pickers Calendar 中的嵌套按钮

Question

我在我的应用程序中使用了 material-ui-pickers 日历，用于在月份之间导航的左右图标箭头按钮缺少 aria-labels，这是一个严重的可访问性故障： https://dequeuniversity.com/rules/axe /3.5/button-name?application=axeAPI

有人对我如何将 aria-label 传递到此组件或附加 aria-labelledby 有建议吗？

谢谢。

Answer 1

一个普通的 JS 解决方案是：

document.querySelectorAll(".MuiPickersCalendarHeader-iconButton")[0].setAttribute("aria-label", "go to the previous month");
document.querySelectorAll(".MuiPickersCalendarHeader-iconButton")[1].setAttribute("aria-label", "go to the next month");