Expand my Community achievements bar.

Adobe Summit 2025: AEM Session Recordings Are Live! Missed a session or want to revisit your favorites? Watch the latest recordings now.

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

SOLVED

AEM embedded form on a sites page is creating an iframe accessibility issue

Avatar

Level 1

We are embedded a form onto a Sites webpage. When we run our accessibility test, it is coming up with an issue that the iframe for the form does not have an aria label for screen readers. Is there a way to add an aria-label to the iframe? Any suggestions? Thanks.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @McGehee 
You need to extend the core components to have addition field.

Example

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s... 

 

The above example for SAP but the approach is same to add additional field to dialog and read in sling model and update HTL with aria-label.

Arun Patidar

AEM LinksLinkedIn

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Hi @McGehee 
You need to extend the core components to have addition field.

Example

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s... 

 

The above example for SAP but the approach is same to add additional field to dialog and read in sling model and update HTL with aria-label.

Arun Patidar

AEM LinksLinkedIn