Issue #3127466 by komalkolekar, bnjmnm, kishor_kolekar, sd9121, lauriii,...

Issue #3127466 by komalkolekar, bnjmnm, kishor_kolekar, sd9121, lauriii, DeepaliJ, DyanneNova, kiran.kadam911, andrewmacpherson, rainbreaw, kostyashupenko: Required fields are not identifiable on Internet Explorer 11 high contrast

(cherry picked from commit 763a9c55)

core/themes/claro/css/components/form.css

@@ -140,16 +140,11 @@ tr .form-item,
 .form-item__label.form-required::after,
 .fieldset__label.form-required::after {
   display: inline-block;
-  width: 0.4375rem;
-  height: 0.4375rem;
-  margin-right: 0.3em;
-  margin-left: 0.3em;
-  content: "";
-  vertical-align: super;
-  /* Use a background image to prevent screen readers from announcing the text. */
-  background-image: url(../../images/core/ee0000/required.svg);
-  background-repeat: no-repeat;
-  background-size: 0.4375rem 0.4375rem;
+  margin-right: 0.15em;
+  margin-left: 0.15em;
+  content: "*";
+  color: #d72222;
+  font-size: 0.875rem;
 }
 
 /**

core/themes/claro/css/components/form.pcss.css

@@ -70,16 +70,11 @@ tr .form-item,
 .form-item__label.form-required::after,
 .fieldset__label.form-required::after {
   display: inline-block;
-  width: var(--input--required-mark-size);
-  height: var(--input--required-mark-size);
-  margin-right: 0.3em;
-  margin-left: 0.3em;
-  content: "";
-  vertical-align: super;
-  /* Use a background image to prevent screen readers from announcing the text. */
-  background-image: url(../../images/core/ee0000/required.svg);
-  background-repeat: no-repeat;
-  background-size: var(--input--required-mark-size) var(--input--required-mark-size);
+  margin-right: 0.15em;
+  margin-left: 0.15em;
+  content: "*";
+  color: var(--color-maximumred);
+  font-size: 0.875rem;
 }
 
 /**