Как добавить Alt тег для изображения в компоненте Teaser в AEM?

Question

Я хотел бы добавить тег alt, аналогичный компоненту изображения, в компоненте тизера.

Компонент тизера OOTB использует data-sly-resource.

<sly data-sly-template.image="${@ teaser}">
    <div data-sly-test="${teaser.imageResource}" data-sly-resource="${teaser.imageResource}"></div>
</sly>

Могу ли я передать значения атрибута на data-sly-resource?

    <div data-sly-test="${teaser.imageResource}" data-sly-resource="${teaser.imageResource @ alt = properties.alt}"></div>

Заранее спасибо.

AEM 6.5 2.6.0 4.1.0

Answer 1

В реализации HTL Sling вы можете передавать параметры на data-sly-resource (используя атрибуты запроса - см. SLING-5812 ). Однако для этого необходимо, чтобы при визуализации изображения они были известны и использовались.

Поскольку вы, похоже, используете Основные компоненты AEM WCM , компонент изображения попытается получить данные для атрибута alt из свойства alt ресурса . Вы можете обернуть ресурс и предоставить собственное свойство alt, чтобы найти то, что вам нужно.