Передача реквизитов доступности для вложенной кнопки в календаре материалов-пользовательского интерфейса

Question

Я использую календарь выбора материалов в моем приложении, а у кнопок со стрелками влево и вправо для навигации по месяцам отсутствуют метки арии, что является критической ошибкой доступности: 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");