Unintuitive Field Error Message & Color

Taun

2 weeks ago

13

• 

  jmikrut

  Payload Team

  2 weeks ago

  hey @Taun ok so a few things

  
  

  
  

  the red * just denotes that a field is required, not that it's invalid

  
  

  
  

  and we have an open roadmap item to surface invalid fields within tabs / collapsibles / etc. - - right now, it's hard to see invalid fields if they are not opened in an active tab or visible within a collapsible - but this is due to be improved very shortly

  
  

  
  

  last note - it doesn't appear to me that you did successfully publish in the video

  
  

  
  

  you clicked the button, which ran the validation and failed, therefore preventing the publish

  
  

  
  

  note that you CAN save drafts that do not pass validation, so you had a draft saved, which was not valid, but you can't publish

• 

  Taun

  2 weeks ago

  I see, thanks James. These changes will be good - the red typically represents invalid and if it's invalid it'll be great for the CMS to alert to exactly where. Just the asterix * is enough for required fields.

  
  
  

  "The color red is commonly used to indicate invalid input. People who have certain types of color blindness will be unable to determine the input's state unless it is accompanied by an additional indicator that does not rely on color to convey meaning. Typically, descriptive text and/or an icon are used."

  https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid