Overview

Fix multiple text elements which fail WCAG 2.1 contrast requirements (minimum 4.5:1 ratio), creating accessibility barriers for users with visual impairments.

More info

Affected Areas:

• Create New Account page
• Feedback Form
• Password Recovery page

Success Criteria:

• All text elements must achieve minimum 4.5:1 contrast ratio against their backgrounds to meet WCAG 2.1 AA standards.

Why This Matters:

• Ensures the TDM calculator is accessible to users with visual impairments and meets legal compliance requirements for public-facing applications.

Action Items

• Assign yourself to the development issue.
• Move the development issue from the Prioritized Backlog to In Progress.
• DEVELOPER ACTION ITEMS
  • update the asterisks colors on the "Project Name" and "Comment" form label on TDM Feedback Form page from #FF0000 to #990000
  • update "Already have an account?" text color on Create New Account page's Footer from #979797 to #4A4A4A
  • update "X is required" text color on Create New Account page form validation from #ff0418 to #990000
  • update "New User?" text color on Send Password Recovery page from #939393 to #525252
• Create a PR, move to Technical Review column and add ready for dev lead label
• Create a new slide (or edit one if it already exists) in staging and add the before and after images
• Once the PR has been approved, use it to close this issue. If there is no PR is associated with this issue, close this issue after lead signoff.

Resources/Instructions

• Design details: [link to final comment in GitHub issue]
• Design mockups: [link to Ready for Dev section in the related Figma page]

Screenshots

Staging and Release decks

• Staging Deck
  • Staging slide, 2533
• Release Deck
  • [2025-MM-DD Release deck, slide ISSUE NUMBER]