figure

Роль структуры документа из WAI-ARIA для автономного содержимого в виде изображений, иллюстраций и прочего, обычно с подписью к нему.

В HTML эта роль есть у <figure> по умолчанию.

Задайте тегу role="figure", лучше всего <div> или <span>. В большинстве случаев лучше использовать <figure>.

У элементов с figure может быть подпись или подробное описание с ролью caption. Подпись можно добавить напрямую к figure с помощью aria-label. Когда используете caption с краткой подписью, не забудьте связать основной элемент с ней благодаря aria-labelledby, а если это более расширенное описание — aria-describedby.

Внутри элемента figure может быть интерактивный контент.

Не забывайте ссылаться и подробно описывать содержимое figure в тексте до или после элемента. При этом figure может находиться на одной странице с текстом с отсылкой и описанием и на отдельной.

Для элементов с ролью figure можно использовать все глобальные ARIA-атрибуты.