пользовательское сообщение об ошибке веб-доступности при нажатии клавиши ввода с клавиатурой на кнопке отправки и пустое поле ввода - PullRequest
0 голосов
/ 18 июня 2020

Я новичок в WAI-ARIA. Проблема, с которой я столкнулся, заключается в том, что если тема чата (Textarea) оставлена ​​пустой, он должен прочитать сообщение об ошибке, но J aws не читает. А также, когда пользователь нажимает клавишу ввода с помощью клавиатуры или мыши в том же сценарии с пустой темой, он должен прочитать другое сообщение, в котором говорится, что тема требуется для запуска чата.

Я пробовал код ниже

function (e) {
      if ((e.keyCode==13 || e.key==13) && input[0].value =='') {


 var newAlert = document.querySelector("#MyerrorMSg");
        newAlert.setAttribute("role", "alert");
        newAlert.setAttribute("id", "alert");
    var msg="Please enter chat subject to start session";
        var content = document.createTextNode(msg);
        newAlert.appendChild(content);
        document.body.appendChild(newAlert);
}

1 Ответ

0 голосов
/ 18 июня 2020

Рассматривали ли вы регионы с живыми ариями?

Имейте в DOM пустую область aria-live. Обновляйте его содержимым, используя JS каждый раз, когда вам нужно что-то объявить document.querySelector('#validation-errors').innerHTML(error)

<div role="region" id="validation-errors" aria-live="polite"></div>

Ресурсы: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions

...