Expand my Community achievements bar.

SOLVED

AEM Carousel w/ Teaser - Adding href when not authored

Avatar

Level 1

Using AEM Cloud. I'm using the core carousel component and adding in a teaser for a slide. In the teaser, I've added an image, title, description etc, but no CTA and I'm leaving the link blank.

 

The image is in the slide is being wrapped in an <a> anchor and seems to be linking to the page it lives on.

Example: Lives on 'teaser-carousel.html' -- renders <a href="teaser-carousel.html">

 

Is this the default behavior for the carousel that uses a teaser for slides? It's causing an accessibility issue, focusing on the image as a link that shouldn't be one.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@js-webdabbler There should be some issue on how you are doing it. I tried it my self in cloud environment and it is working absolutly fine. Plese refer to below link on how the teaser component behaves and internally validate what went wrong. 

 

Hope you have not written and custom code 

 

https://experienceleague.adobe.com/docs/experience-manager-core-components/using/components/teaser.h...

 

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

@js-webdabbler There should be some issue on how you are doing it. I tried it my self in cloud environment and it is working absolutly fine. Plese refer to below link on how the teaser component behaves and internally validate what went wrong. 

 

Hope you have not written and custom code 

 

https://experienceleague.adobe.com/docs/experience-manager-core-components/using/components/teaser.h...