aria-описывается, но по умолчанию ошибка пустого текста - это правильно?

Question

Есть хороший и надежный пример для aria-describedby, когда нам нужно показать ошибки (когда происходит ошибка, некоторые элементы добавляются в DOM), и она становится:

<p><label for="email">Email address: [*]</label> 
<input type="text" name="email" id="email" aria-describedby="err_1" class="error"> <span class="errtext" id="err_1">Error: Input data missing</span></p>

вместо

<p><label for="email">Email address: [*]</label> 
<input type="text" name="email" id="email"> </p>

Это нормально с точки зрения доступности , если по умолчанию только текст ошибки пуст?В результате, когда возникает ошибка, добавляется только ее текст.

По умолчанию (без текста ошибки) - выглядит ли этот код правильно?

<p><label for="email">Email address: [*]</label> 
<input type="text" name="email" id="email" aria-describedby="err_1" class="error"> <span class="errtext" id="err_1"></span></p>

Так что мы изменим только текств пределах span от пустого до некоторого текста.

Answer 1

Если элемент, на который указывает aria-describedby, пуст, то ничего не читается, так что все в порядке.Когда вы добавляете текст в <span>, текст будет читаться, когда пользователь перемещает фокус назад на вход. не будет прочитано, как только вы добавите текст.Вам понадобится aria-live для этого (что было бы хорошей идеей).

<p>
  <label for="email">Email address: [*]</label>
  <input type="text" name="email" id="email" aria-describedby="err_1" class="error">
  <span class="errtext" id="err_1" aria-live="polite"></span>
</p>

Answer 2

Мой вопрос: нормально ли это с точки зрения доступности, если по умолчанию только текст ошибки пуст?В результате, когда возникает ошибка, добавляется только ее текст.

Да.Это обсуждается там: Описание арии, описанной (это может вызвать короткую паузу при чтении пустого элемента)