AEM embedded form on a sites page is creating an iframe accessibility issue | Community
Skip to main content
McGehee
New Participant
Mar 30, 2023 7:30 PM UTC
Solved

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

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.
arunpatidar
arunpatidarAccepted solution
New Participant
Mar 31, 2023 7:09 AM UTC

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
View reply

1 reply

arunpatidar
arunpatidarAccepted solution
New Participant
Mar 31, 2023 7:09 AM UTC

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.

Translate
Arun Patidar
    Terms & ConditionsAccessibility statement

    Loading footer...