[Medium]: Color: Color alone used to distinguish link #8400

Action Performed:

1. Using Chrome, open URL: staging.new.expensify.com
2. Navigate to Settings > Workspace > Manage members > Invite
3. Navigate to the "Privacy policy" link using the Tab key.
4. Observe that it is not understandable without seeing colour.

Expected Result:

When the link is underlined, users with color deficiency and low vision users will be able to identify the link.

Actual Result:

Color alone is used to identify the "Privacy policy" link. Users who suffer from color deficiencies and low vision users will not be able to distinguish links from the surrounding text.

Other occurrences:

Similar type of issues repro on PR #8143, #8017, #8452, #8448, #7362, #8256, #8584, #8682, #8980, #9046, #8878, #9262, #9213, #9369, #9056
Similar type of issues repro on PR #9550 for "I accept the Expensify terms and services"

Workaround:

Yes

Area issue was found in:

Invite new members

Failed WCAG checkpoints

1.4.1

User impact:

Users who cannot distinguish colors will not have access to the information conveyed by the use of color and may find the page unusable.

Suggested resolution:

To make it easy for all users to recognize links the best practice is to persistently underline them.

Platform:

• Web
• iOS
• Android
• Desktop App
• Mobile Web

Version Number: 1.1.49-0
Reproducible in staging?: Yes
Reproducible in production?: Yes
Reference link: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G183
Issue reported by: Sumit