Update Terms Agreement Process Copy and Link Identification

[erichfi]

Overview Update the terms agreement process copy on the staking page. Replace the "Learn more about slashing" link with a placeholder for a work-in-progress link and ensure all links are clearly identifiable as clickable links.

Current Copy

Acknowledge & Agree to continue Before staking on your identity, please agree to the following:

I understand that I may be slashed for what is deemed Sybil behavior when using Passport. Slashing criteria will continue to evolve over time. Learn more about slashing conditions.

I understand that credentials/Stamps may be verified on multiple Passports (ie, the same google account can be verified on two wallets), BUT those wallets should never be submitted to the same application. Learn more about Passport Stamps and wallets.

I have read, understand, and agree to the Terms and Conditions of Passport's Identity Staking.

Please note: All three boxes must be checked to enable the "Proceed" button and continue to the app.

Proposed Copy

Acknowledge & Agree to continue Before staking on your identity, please agree to the following:

I understand that I may be slashed for what is deemed Sybil behavior when using Passport. Slashing criteria will continue to evolve over time. Learn more about slashing conditions.

I understand that credentials/Stamps may be verified on multiple Passports (i.e., the same Google account can be verified on two wallets), BUT those wallets should never be submitted to the same application. Learn more about Passport Stamps and wallets.

I have read, understand, and agree to the Terms and Conditions of Passport's Identity Staking.

Please note: All three boxes must be checked to enable the "Proceed" button and continue to the app.

Steps To Implement

1. Navigate to the terms agreement process section on the staking page.
2. Replace the current copy with the proposed copy.
3. Ensure that the "Learn more about slashing" link is replaced with a placeholder link ("#") until the final link is available.
4. Verify that all links are clearly identifiable as clickable links in the UI.
5. Confirm that all three checkboxes must be checked to enable the "Proceed" button.

Acceptance Criteria

• The current terms agreement process copy is replaced with the proposed copy.
• The placeholder link for "Learn more about slashing" is implemented.
• All links are clearly identifiable as clickable links.
• The "Proceed" button is enabled only when all three checkboxes are checked.

[nutrina]

@erichfi this is updated.

Just to double-check, is the message in MM that we sign ok?

[erichfi]

Hi @nutrina, I reviewed the implementation of the "Acknowledge and Agree to Continue" screen and noticed a couple of areas that need improvement to enhance user experience and clarity.

1. Identifiability of Links:
   • The "Learn more about slashing conditions," "Learn more about Passport Stamps and wallets," and "Terms and Conditions" links are not clearly identifiable as links. They currently appear as regular text, which may cause users to overlook them.
   • Expected Outcome: Please ensure these links are visually distinguishable from regular text. Typically, this can be achieved by underlining the links, using a different color (e.g., blue), or both.

Here's an example for reference:

• Incorrect link format:
  • 
• Correct link format. Ignore the content changes in this screenshot -- this is just meant to show the correct link format:
  • 

2. Visual Consistency:
   • Make sure that the style of the links is consistent with other links across the application to maintain a cohesive user experience.

Acceptance Criteria:

• The "Learn more about slashing conditions," "Learn more about Passport Stamps and wallets," and "Terms and Conditions" links should be underlined and/or displayed in a different color.
• The visual style of the links should be consistent with other links throughout the application.

Please make these adjustments and let me know once updated so I can review the changes.

Thank you!