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

required property for alt text in image component does not work

  • March 6, 2020
  • 1 reply
  • 2117 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
arunpatidarAccepted solution
New Participant
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
New Participant
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