Yellow and Red Error Indicators

Have you ever wonder why there are yellow or red borders to the left of the content or component you’re working on?

These colored borders indicate a missing, erroneous, or incomplete data.

Red borders indicate a “high” priority issue. Some of these include:

  • Missing “alt” text for images
  • Improperly selected items or criteria
  • Unexpected HTML or CSS hidden within content which can cause unexpected styling issues
  • HTML syntax errors within content fields

Yellow borders indicate “warnings.” Some of these include:

  • External links without ‘target=”_blank”‘ attributes
  • Other misc. formatting issues

To view the specific issue causing the error, simply hover over the border. A tooltip with expository text will appear.

Leave a comment