Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bug: Registration page's error text uses incorrect color #2045

Open
4 tasks
thetanmancan opened this issue Jan 17, 2025 · 0 comments
Open
4 tasks

Bug: Registration page's error text uses incorrect color #2045

thetanmancan opened this issue Jan 17, 2025 · 0 comments
Labels
bug Release Note: Shows as Error Correction level: easy p-feature: Registration Page /login priority: MUST HAVE ready for dev lead role: front-end Front End Developer size: 0.5pt Can be done in 2-3 hours or less
Milestone

Comments

@thetanmancan
Copy link
Member

thetanmancan commented Jan 17, 2025

Description

According to the TDM design system, error text should use the color #C3391D. However, on the TDM Dev site, the error text on the Registration page, which also goes by the name "Create a New Account", uses the CSS color red, which is #FF0000.

Steps to Reproduce

  1. Navigate to the TDM Login page.
  2. Click the "Create an account" hyperlink.
  3. Click inside the First Name field.
  4. Click outside the First Name field.
  5. Notice the "First Name is required" error text that appears below the field.
  6. Click inside the Last Name field.
  7. Click outside the Last Name field.
  8. Notice the "Last Name is required" error text that appears below the field.
  9. Click inside the Email field.
  10. Click outside the Email field.
  11. Notice the "Email is required" error text that appears below the field.
  12. Click inside the Password field.
  13. Click outside the Password field.
  14. Notice the "Password is required" error text that appears below the field.
  15. Click inside the Retype Password field.
  16. Click outside the Retype Password field.
  17. Notice the "Confirm your password" error text that appears below the field.

Expected Result

In Steps 5, 8, 11, 14, and 17, the error text should have the color #C3391D.

Actual Result

In Steps 5, 8, 11, 14, and 17, the error text has the color #FF0000.

Error text with the color #FF0000

Device Configuration

  • Device: Desktop
  • OS version: Windows 11
  • Browser: Firefox
  • Browser version: 134.0.1

Action Items

  • Fix bug.
  • Review with product, design, and development. Update if needed based on feedback.
  • Once finalized, add a slide to the staging deck.
  • Get Stakeholder sign-off via the stakeholder meeting slide deck.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Release Note: Shows as Error Correction level: easy p-feature: Registration Page /login priority: MUST HAVE ready for dev lead role: front-end Front End Developer size: 0.5pt Can be done in 2-3 hours or less
Projects
Status: Prioritized Backlog
Development

No branches or pull requests

2 participants