Как программно связать элемент с его текстовым описанием для вспомогательных технологий?

<!-- имя через label -->
<label for="email">Email</label>
<input id="email" type="email">

<!-- описание -->
<input id="phone" aria-describedby="phone-hint">
<p id="phone-hint">Формат: +7 900 000-00-00</p>

<!-- имя у группы/виджета -->
<div role="group" aria-labelledby="addr-title">
  <h2 id="addr-title">Адрес доставки</h2>
  ...
</div>