Skip to main content

Exercise 2 - Activity 4

Fixing form message suggestion component​

We will continue editing our components by identifying and fixing the contrast options with the Form Message Suggestion component. We are starting in the Editing view of the Component Overview page.

  1. In the Stage, scroll until you find the Form Message component and it's variants.

  2. You will find a red triangle next to one of the Form message component's variants. Let's go ahead and click on Suggestion.

  3. On the Component Options pane to the right, you can see that the red triangle is under "Text and icon" next to the "Text color" option. Click on the color box to the right of the option.

  4. Resolve the Text color contrast issue by selecting a better gray then click Save changes.

  5. On the left, you can see the Suggestion variant of the component automatically update to show the new color. The triangle is gone and we are now in compliance, success!