Как разрешить программам чтения с экрана объявлять сообщения проверки формы ASP.NET MVC 5 при перемещении фокуса на ошибочное поле?

Без создания пользовательских методов расширения HtmlHelper для создания атрибута aria-describedby в элементе управления for и связанного атрибута id в элементе error вам потребуется использовать javascript для их добавления.

Обратите внимание, что каждый заполнитель сообщения об ошибке (сгенерированный @Html.ValidationMessageFor()) связан с его элементом управления формой с помощью атрибута data-valmsg-for="....".

Предполагая, что вы хотите включить aria-describedby для всех элементов управления формы с соответствующим сообщением об ошибке (и внутри элемента <form>), чтобы он был доступен, если ошибки на стороне клиента добавляются через jquery.validate.js, тогда сценарий (jQuery) будет

$(function () {
    // Get the form controls
    var controls = $('form').find('input, textarea, select')
        .not(':hidden, :input[type=submit], :input[type=button], :input[type=reset]');
    $.each(controls, function (index, item) {
        // Get the name of the form control
        var name = $(this).attr('name'); 
        if (!name) {
            return true;
        }
        // Get the associated error element
        var errorElement = $('[data-valmsg-for="' + name + '"]');
        if (!errorElement) {
            return true;
        }
        // Generate an id attribute based on the name of the control
        var errorId = name + "-error"
        // Add attributes to the input and the error element
        $(this).attr('aria-describedby', errorId)
        errorElement.attr('id', errorId);
    });
});

Если вас не интересуют ошибки проверки на стороне клиента, вы можете просто использовать var controls = $('.input-validation-error'); в качестве селектора, чтобы получить только элементы управления формой, где была добавлена ​​ошибка проверки на стороне сервера.

Я бы предложил включить этот скрипт во внешний (скажем) файл screenreadervalidation.js и включить его в ваш пакет jquery или jqueryval, чтобы он включался во все представления, включающие формы для создания или редактирования данных.

С точки зрения чистого html, атрибут aria-describedby — это то, как вы справляетесь с этим.

<label for="Email">E-mail address:</label>
<input type="text" id="Email" aria-describedby="more_stuff">
<span id="more_stuff">
    This e-mail has already been taken
</span>

Я не уверен, почему это требует «переустановки» фреймворка или написания «основных» помощников, но тогда я не пользователь asp.net. Если инфраструктура не позволяет связать описание с полем, то инфраструктура несовершенна, и в инфраструктуру следует отправить запрос функции.

Я использую ненавязчивую проверку с помощью атрибутов data-val-* и создаю промежутки, которые содержат сообщения об ошибках проверки, чтобы я мог контролировать размещение. При этом я также могу легко назначить им идентификатор и использовать aria-describedby. Когда возникает ошибка и диапазон заполняется, когда клиент фокусируется на вводе, считыватель находит соответствующий идентификатор диапазона и считывает появившуюся там ошибку. Ключевым моментом здесь является то, что aria-describedby="NameOfCustomerError" соответствует id="NameOfCustomerError", где появится ошибка (поскольку это элемент с data-valmsg-for="NameOfCustomer", указывающим, что он автоматически показывает ошибки для этого ввода).

<input data-val="true"
   data-val-required="@($"{CustomerResource.Label_Name}: {SharedResource.Validation_General}")"
   data-val-minlength-min="4"
   data-val-minlength="@CustomerResource.Validation_NameOfCustomer"
   type="text" maxlength="100"
   name="NameOfCustomer" id="NameOfCustomer"
   class="form-control" aria-describedby="NameOfCustomerError"
   placeholder="@CustomerResource.Label_Name" />

<span role="alert" id="NameOfCustomerError" class="field-validation-valid text-danger" data-valmsg-for="NameOfCustomer" data-valmsg-replace="true"></span>