Могу ли я сослаться на несколько элементов, используя aria-описано by?

Question

Если у меня есть два элемента, которые вместе описывают один элемент, могу ли я использовать два идентификатора для атрибута aria-describedby, как это?

<div id="description-1"></div>
<div id="description-2"></div>
<div aria-describedby="description-1 description-2"></div>

Answer 1

Да.Атрибут aria-описано by (и aria-labelledby) принимает в качестве значения «список ссылок на идентификаторы».Когда вы связываете несколько элементов таким образом, они объединяются в одну строку описания.

Несколько вещей, на которые следует обратить внимание:

• Знаки пунктуации.Если два элемента, на которые имеются ссылки, предназначены для использования в качестве отдельных предложений, полезно включить точку с запятой (точку), чтобы программы чтения с экрана могли объявить это более естественно.Кроме того, вы можете использовать несколько ссылок для создания предложения.Это зависит от вашего сценария.
• aria-describedby не действует на все элементы.В вашем примере атрибут находится на элементе div, который обычно не работает.Это работает лучше, когда используется на интерактивных элементах и ​​знаковых регионах.См. Краткое примечание по aria-label, aria-labelledby и aria-descriptionby для руководства.
• Указанные элементы будут являться частью доступного описания независимо от того, являются ли они видимыми.Будьте осторожны, связывая сообщения об ошибках таким образом.См. Скрытый или видимый - здесь нет никакой разницы для руководства здесь.

Answer 2

Абсолютно.

https://www.w3.org/TR/wai-aria/#aria-describedby

Идентифицирует элемент ( или элементы ), который описывает объект