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

Accessibility of .sp-support #4

Closed
ebollens opened this issue Dec 4, 2014 · 1 comment
Closed

Accessibility of .sp-support #4

ebollens opened this issue Dec 4, 2014 · 1 comment

Comments

@ebollens
Copy link

ebollens commented Dec 4, 2014

The contrast between the color + alpha pair of the background with the foreground text isn't accessible:

.sp-support {
    background: rgba(204, 204, 204, 0.45);
    padding: 1em;
    margin: 1em auto 0;
    border-radius: 3px;
}

A tweak that should improve the accessibility, albeit reducing the transparency, would be:

.sp-support {
    background: rgba(255, 255, 255, 0.8);
    padding: 1em;
    margin: 1em auto 0;
    border-radius: 3px;
}
@erutan
Copy link
Member

erutan commented Dec 4, 2014

yeah, that's been mentioned a time or two internally. :)

it's been something I've been putting off tackling, having the background too light makes it blend in with the login form and not feel quite as "secondary". I'm pushing something that passes for main body text and average bg at the moment.

there's also the ambiguity of following branding, as the link color fails on both white and black backgrounds and most of the light blues used for list items or headers fail on white where they're used, external affairs sites use text over more visually confusing background images, etc etc.

@erutan erutan closed this as completed May 13, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants