Indicate Require on Publish to User

An accessibility best practice is to not distinguish items based solely on color. As such, I'd recommend not just an orange star. Keep the position and size the same for context, but changing color/shape.

Hey, curious what the status on this is. Thanks!

I applied your patch and I couldn't tell whether or not it was applying classes correctly. It didn't appear to be in some of my basic tests. If you can get a patch that applies the required I can help with the CSS

I've taken another look at this patch, and while it does appear to be applying the required-on-publish class to some input element, it doesn't appear to apply it to the label of the input element, which is where the styling is applied for the Drupal standard required indicator.

In my little test, it appears to apply the required-on-publish class correctly to longform text areas, but didn't appear to apply them correctly on a number field I have, or a YouTube field I have. I don't know if updating this to apply to labels instead of fields will help w/that

Huzzah! This works great!

Talked this over with the designer I work with and I think I have a thought for the indicator. We think a regular blue triangle may be better than a light blue circle as the light blue is a little hard to see against white backgrounds, and a circle vs the default red * may be a little hard to distinguish at a glance. I've taken a screenshot of what we've put together and the CSS that I'm using to get there.

One comment I see while I'm going through and testing is that the class doesn't appear to be applied correctly to fields brought in via https://www.drupal.org/project/paragraphs. That's a big usecase for us, and it'd be great if we could get that working. Actually, it appears as if it does work with Paragraphs, but there's some weird behavior between a Paragraph reference that's required and fields inside that reference that are required to save vs publish. I'm not sure I have that particular usecase right now so I think this is ok!

.required-on-publish label::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3.5px 7px 3.5px;
  border-color: transparent transparent blue transparent;
  background: transparent;
  content: '';
  margin: 0 0 .3em;
  vertical-align: super;
  display: inline-block
}