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

Solved

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

Forum|Forum|2 years ago
March 30, 2023
1 reply
700 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by arunpatidar

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/spa-editor/react/extend-component.html?lang=en

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.

Community Advisor

Accepted solution

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/spa-editor/react/extend-component.html?lang=en

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