required property for alt text in image component does not work | Community
Skip to main content
anilm50076901
March 6, 2020
Solved

required property for alt text in image component does not work

  • March 6, 2020
  • 1 reply
  • 2118 views

Hi 

 

AEM 6.3

 

I have set "Alternative Text" under Accessibility tab of image component to mandatory (required true).

 

On form submission field gets highlighted but form submission continues.

 

Any help to fix this? i want to make Alt text field mandatory for image component.

 

image supertype: /wcm/foundation/components/image

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

It should work, it could be a bug.

Anyways top of that you can add a extraclientlibs to validate img alt and stop dialog submit.

 

(function ($, $document) { "use strict"; $(document).on("click", ".cq-dialog-submit", function (e) { var $inputEle = $('[name="./alt"]'); if($inputEle !== null || typeof $inputEle !== "undefined") { var altValue = $inputEle.find("input.coral-Textfield").val(); if(altValue === "") return false; } } });

 

1 reply

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
March 9, 2020

It should work, it could be a bug.

Anyways top of that you can add a extraclientlibs to validate img alt and stop dialog submit.

 

(function ($, $document) { "use strict"; $(document).on("click", ".cq-dialog-submit", function (e) { var $inputEle = $('[name="./alt"]'); if($inputEle !== null || typeof $inputEle !== "undefined") { var altValue = $inputEle.find("input.coral-Textfield").val(); if(altValue === "") return false; } } });

 

Arun Patidar
anilm50076901
March 10, 2020

Thanks Arun. Unfortunately, this code is not working.

 

tried to trace the control for my script but control is not coming over here