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

Jetpack Connect: Links in error messaging don't pass color a11y #39782

Open
crunnells opened this issue Feb 28, 2020 · 1 comment
Open

Jetpack Connect: Links in error messaging don't pass color a11y #39782

crunnells opened this issue Feb 28, 2020 · 1 comment
Labels
Accessibility (a11y) [Feature] Signup & Account Creation All screens and flows for making a new WordPress.com account. Jetpack [Status] Needs Design Add this to PRs that need input from Design [Type] Enhancement

Comments

@crunnells
Copy link
Contributor

crunnells commented Feb 28, 2020

An issue surfaced in #39779 where link colors in the error message isn't fully accessible because of it's colors. The error text color is red, and the link is green with no underline, so it would not be distinguishable as a link for certain kinds of colorblindness. Screenshot:

image

Here's an example of what it looks like with Green-Blind/Deuteranopia (generated via Coblis).

image

Steps to reproduce

  1. Starting at URL: https://wordpress/log-in/jetpack (pending merge/release of Prompt the user to create an account if they try to log in with an unknown email #39779)
  2. Use an email address that is not associated with a Jetpack account and click continue
  3. The error message generated includes a link to create a new account.

Possible solutions: add an underline, or change the color value of the error link to something with a darker red. We're currently using Color Studio Red 50, but the link could be Red 70 or 80.

@crunnells crunnells added Jetpack Accessibility (a11y) [Feature] Signup & Account Creation All screens and flows for making a new WordPress.com account. [Status] Needs Design Add this to PRs that need input from Design labels Feb 28, 2020
@github-actions
Copy link

This issue is stale because it has been 180 days with no activity. You can keep the issue open by adding a comment. If you do, please provide additional context and explain why you’d like it to remain open. You can also close the issue yourself — if you do, please add a brief explanation and apply one of relevant issue close labels.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility (a11y) [Feature] Signup & Account Creation All screens and flows for making a new WordPress.com account. Jetpack [Status] Needs Design Add this to PRs that need input from Design [Type] Enhancement
Projects
None yet
Development

No branches or pull requests

2 participants