Page MenuHomePhabricator

Recommended color of inline success messages lacks contrast
Open, Needs TriagePublic

Description

In the Inline error messages and form validation section of the Text inputs and text area component page, the Style Guide encourages applying the color Green 50 to the text of inline success messages. However, that color (#00AF89) has a contrast ratio of only 2.8:1, which is below the AA minimum.

Potential solution: Recommend the use of Green 30 (#14866D) instead, which present a higher 4.5:1 (AAA) contrast ratio.

(This task has a certain connection to T267807, which encourages the documentation of consistent inline validation messages across inputs.)