diff --git a/application/helpers/SurveyRuntimeHelper.php b/application/helpers/SurveyRuntimeHelper.php
index 103b0d74bbb..bdd275ac3d4 100644
--- a/application/helpers/SurveyRuntimeHelper.php
+++ b/application/helpers/SurveyRuntimeHelper.php
@@ -1748,6 +1748,10 @@ private function setClassAndIds()
         $this->aSurveyInfo['class']['activealert'] = ' alert alert-warning alert-dismissible fade in alert-dismissible ';
         $this->aSurveyInfo['class']['errorHtml']   = ' fade in alert-dismissible ls-questions-have-errors alert alert-danger ';
 
+        // required
+        $this->aSurveyInfo['class']['required']     = 'text-danger asterisk fa fa-asterisk pull-left small';
+        $this->aSurveyInfo['class']['requiredspan'] = 'sr-only text-danger asterisk';
+        $this->aSurveyInfo['attr']['required']      = 'aria-hidden="true"';
 
     }
 
diff --git a/templates/default/views/subviews/required.twig b/templates/default/views/subviews/required.twig
index 1046472e285..15f914e1f8d 100644
--- a/templates/default/views/subviews/required.twig
+++ b/templates/default/views/subviews/required.twig
@@ -1 +1,2 @@
-<small class="text-danger asterisk fa fa-asterisk pull-left small" aria-hidden='true'></small><span class="sr-only text-danger asterisk"> ({{ gT("Mandatory")}})<span>
+<small class="{{ aSurveyInfo.class.required  }}" {{ aSurveyInfo.attr.required  }} ></small>
+<span class="{{ aSurveyInfo.class.requiredspan  }}"> ({{ gT("Mandatory")}})<span>