Structure
The Text component renders an HTML <span> element by default. It has no inherent interactivity, keyboard handling, or semantic role. While the element can be changed to any appropriate HTML element, such as <p> or <label>, we recommend considering another typography component to ensure assistive technology communicates the correct semantic roles.
Color and meaning
In many contexts, color may be used to help communicate a certain meaning to the user. However, color should never be the sole indicator of the intended meaning. Not all sighted users experience color the same way.
When using color to communicate status, state, or importance, always pair it with supporting text or iconography. Text and color should work together to communicate the intended meaning.