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

Report: increase icon size for a11y #1856

Merged
merged 3 commits into from
Mar 25, 2017

Conversation

ebidel
Copy link
Contributor

@ebidel ebidel commented Mar 13, 2017

R: all

Expands on #1851 by increasing the size of the icons to 19px to "cheat" at WCAG2AA. See #1851 (comment)

Here's what everything looks like now:

screen shot 2017-03-13 at 3 16 37 pm

Note, the score labels are set to slightly smaller than they should be but ramping them up to 19px makes them far too big. I've set them to bold 16px, which gets us pretty close.

I don't think we should spend too much more time tweaking the report if things are changing.

@googlebot
Copy link

So there's good news and bad news.

👍 The good news is that everyone that needs to sign a CLA (the pull request submitter and all commit authors) have done so. Everything is all good there.

😕 The bad news is that it appears that one or more commits were authored by someone other than the pull request submitter. We need to confirm that they're okay with their commits being contributed to this project. Please have them confirm that here in the pull request.

Note to project maintainer: This is a terminal state, meaning the cla/google commit status will not change from this state. It's up to you to confirm consent of the commit author(s) and merge this pull request when appropriate.

@wardpeet
Copy link
Collaborator

Probably a good reason why but why aren't you using more css vars for the colors. There are a few duplicates like #595959

@paulirish
Copy link
Member

I don't think we should spend too much more time tweaking the report if things are changing.

agree.

i'd actually prefer to close this PR now so that we can start focusing on the report redesign instead of these fixes. ok with you?

@ebidel
Copy link
Contributor Author

ebidel commented Mar 17, 2017 via email

@XhmikosR
Copy link
Contributor

I'm still seeing an issue with subitem-result__points.score-average-bg: the contrast ratio is 3.08:1 in your branch while in mine it was passing.

@paulirish paulirish merged commit 4a4b563 into master Mar 25, 2017
@paulirish
Copy link
Member

embiggened!

@paulirish paulirish deleted the XhmikosR-xmr-report-accessibility-colors branch March 25, 2017 00:16
@XhmikosR
Copy link
Contributor

@paulirish: this isn't valid WCAG2AA as per my comment above.

ebidel added a commit that referenced this pull request Mar 28, 2017
* Tweak report colors so that we are WCAG2AA valid.

* Biggin icons
ebidel added a commit that referenced this pull request Mar 29, 2017
* Report: add legend to decipher iconography left to us by the ancient ones (#1841)

* Report: print doesn't cut off expanded audit details (#1870)

* Report: increase icon size for a11y (#1856)

* Tweak report colors so that we are WCAG2AA valid.

* Biggin icons

* CLI: add update-notifier. Fixes #1805 (#1890)

* Fixes #1907 - move update-notifier to root (#1908)

* CLI: remove npm prepublish (#1889)
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

Successfully merging this pull request may close these issues.

None yet

5 participants