Устанавливает ли document.getElementById ("someId"). Inner HTML = `$ {someVar}` значение, доступное для программ чтения с экрана?

Question

Преамбула: меня интересует только информация о DOM API, HTML и Vanilla JS для моего текущего проекта. На данный момент меня не интересует jQuery, поэтому, пожалуйста, не предлагайте мне советов или решений с jQuery. Спасибо за понимание. Если есть учебное пособие, которое расскажет мне о том, как проверить доступность, или если у вас есть какие-то способы для устранения подобных проблем в будущем, я хотел бы его услышать.

Я столкнулся с этой концепцией теневого DOM сегодня, и я посмотрел его доступность. Я прочитал это: https://marcysutton.com/accessibility-and-the-shadow-dom.

Я пытаюсь создать HTML с элементами, значения которых обновляются на JavaScript. На данный момент я решил использовать document.getElementById().innerHTML = '', чтобы проверить это. У меня есть ручка: https://codepen.io/coscholl/pen/qBbYNPY

Вы можете видеть, что эти оценки способностей D&D создаются функцией и добавляются методом DOM. Если это недоступно, я хочу сделать доступную версию. Итак, доступен ли этот метод для программ чтения с экрана и т.п.?

Спасибо!

Answer 1

Да. Он читается с экрана. Нет ничего плохого в использовании .innerHTML с точки зрения программы чтения с экрана или с точки зрения доступности.

Использование .innerHTML, когда значением присваивания является текст, создаст текстовый узел, который вы можете проверить, проверив DOM. Однако в соответствии с передовой практикой для замены текста элемента следует использовать .textContent.

Answer 2

Да, это видно с экрана в проводниках последней версии.