Expand my Community achievements bar.

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

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