Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

docs: use higher contrast color tokens for code comments#19187

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 ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Merged

Conversation

JoshuaKGoldberg
Copy link
Contributor

Prerequisites checklist

What is the purpose of this pull request? (put an "X" next to an item)

[x] Documentation update
[ ] Bug fix (template)
[ ] New rule (template)
[ ] Changes an existing rule (template)
[ ] Add autofix to a rule
[ ] Add a CLI option
[ ] Add something to the core
[ ] Other, please explain:

Fixeseslint/eslint.org#665. Corresponds toeslint/eslint.org#666.

What changes did you make? (Give an overview)

I swapped out the hardcoded comment colors with the closest theme tokens that had sufficient contrast.

ModeBeforeAfter
Light'Before' screenshot in light mode of a code block with just barely too low contrast for code comments'After' screenshot in light mode of a code block with just barely too low contrast for code comments
Dark'Before' screenshot in dark mode of a code block with just barely too low contrast for code comments'After' screenshot in dark mode of a code block with just barely enough contrast for code comments

Is there anything you'd like reviewers to focus on?

If there are other ad-hoc colors just barely off from color tokens, I'd be happy to clean those up in a followup?

@JoshuaKGoldbergJoshuaKGoldberg requested a review froma team as acode ownerNovember 27, 2024 21:05
@eslint-github-boteslint-github-botbot added the bugESLint is working incorrectly labelNov 27, 2024
@netlifyNetlify
Copy link

netlifybot commentedNov 27, 2024
edited
Loading

Deploy Preview fordocs-eslint ready!

NameLink
🔨 Latest commitb2fc957
🔍 Latest deploy loghttps://app.netlify.com/sites/docs-eslint/deploys/674a295ac393d200085be61f
😎 Deploy Previewhttps://deploy-preview-19187--docs-eslint.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to yourNetlify site configuration.

Copy link
Contributor

@Tanujkanti4441Tanujkanti4441 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Thanks for the PR!

But in no-js mode the color is still not bright can you please fix that also?

js mode
Screenshot 2024-11-28 121825

no-js mode
Screenshot 2024-11-28 121846

and CI is failing could it be because the branch is not up-to-date?

@Tanujkanti4441Tanujkanti4441 added the documentationRelates to ESLint's documentation labelNov 28, 2024
@amareshsmamareshsm added the acceptedThere is consensus among the team that this change meets the criteria for inclusion labelNov 28, 2024
@JoshuaKGoldberg
Copy link
ContributorAuthor

Ooh, interesting. That looks to me like a more root issue about text using light mode styles in dark mode when no-js is enabled. I think that's out of scope of this PR?

@JoshuaKGoldberg
Copy link
ContributorAuthor

Oh! I was wrong, code comments just aren't using the same dark/light mode queries as most of the app. Updated.

Copy link
Contributor

@Tanujkanti4441Tanujkanti4441 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

LGTM, thanks!

@mdjermanovicmdjermanovic changed the titlefix: use higher contrast color tokens for code commentsdocs: use higher contrast color tokens for code commentsDec 1, 2024
@mdjermanovicmdjermanovic removed the bugESLint is working incorrectly labelDec 1, 2024
Copy link
Member

@mdjermanovicmdjermanovic left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

LGTM, thanks!

@mdjermanovicmdjermanovic merged commita76f233 intoeslint:mainDec 1, 2024
26 of 27 checks passed
@JoshuaKGoldbergJoshuaKGoldberg deleted the a11y-comment-color-contrast branchDecember 1, 2024 20:59
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment
Reviewers

@mdjermanovicmdjermanovicmdjermanovic approved these changes

@Tanujkanti4441Tanujkanti4441Tanujkanti4441 approved these changes

Assignees
No one assigned
Labels
acceptedThere is consensus among the team that this change meets the criteria for inclusiondocumentationRelates to ESLint's documentation
Projects
Status: Complete
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

Bug: Color contrast of code comments in light mode does not satisfy WCAG AA (accessibility)
4 participants
@JoshuaKGoldberg@mdjermanovic@Tanujkanti4441@amareshsm

[8]ページ先頭

©2009-2025 Movatter.jp