Guide: how to check color contrast for WCAG
メンテナーはふだん 1 日以内に返信
評価
この issue はまだ評価されていません。
説明
Context
Part of the SEO growth initiative (#18): Phase 2: Coverage engine (guides and internal linking).
Searches like "color contrast checker" and "wcag contrast ratio" map directly to the Color Converter & Contrast Checker.
What to do
- Write a genuinely useful, original guide (examples, screenshots, or a table) that answers the query in the first two sentences.
- Use clear H2/H3 that match sub-questions, short paragraphs, and lists.
- Link to the Color Converter & Contrast Checker (
/color-converter) and to related guides. - Topics worth covering: how the contrast ratio is calculated from relative luminance, the WCAG 2 thresholds for normal and large text at AA and AAA, the separate minimum for UI components and graphics, what counts as large text, and how to fix a pair that fails.
- Check every statement about the tool against its code (
app/(tools)/<tool>/andlib/) and every technical fact against the spec it comes from. Guides are reviewed line by line for accuracy.
Where
A new entry in GUIDES (lib/guides.ts) and a route under app/guides/<slug>/ (page.tsx and opengraph-image.tsx), set up the same way as the existing guides in app/guides/format-and-validate-json/ and app/guides/decode-jwt/. The "Add a guide" section of the README lists the steps.
Acceptance criteria
- Guide published, answers the query up top, and links to the relevant tool
- Everything it says about the tool matches what the tool does today, and
publishedAtis the day the guide goes live -
npm run lint && npm run test && npm run buildpasses
Notes
Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off develop, and open your PR against develop with Closes #276 in the description.
- 主要言語
- TypeScript
- スター
- 1
- フォーク
- 9
- 平均マージ
- 7時間 54分
- マージ済み PR（30日）
- 165
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
codercops/toolbelt のほかの issue
-
UUID generator's v7 batch comes out in random order instead of time order対応中かも @omisha123 が 4 日前に担当しました。 オープンbug good first issue hacktoberfest
codercops/toolbelt#316 · コメント 3 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
Guide: how to convert a Unix timestamp to a date and back対応中かも @varun-pahuja が 4 日前に担当しました。 オープンdocumentation good first issue hacktoberfest seo
codercops/toolbelt#275 · コメント 3 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
hacktoberfest
難易度 1/5 1時間未満 初心者へのやさしさ 1/100
codercops/toolbelt#101 · コメント 6 件 ·
メンテナーはふだん 1 日以内に返信
-
[admin] Quarterly content-refresh routine再び着手できるかも @anurag629 が 109 日前に担当しましたが、オープン中のプルリクエストはありません。 オープンadmin-only seo
codercops/toolbelt#47 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
[admin] Repurpose guides to dev communities and social再び着手できるかも @anurag629 が 109 日前に担当しましたが、オープン中のプルリクエストはありません。 オープンadmin-only seo
codercops/toolbelt#44 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
codercops/toolbelt の issue をすべて見る
似ている issue
-
calcite-ui-icons enhancement impact - p3 - not time sensitive needs triage
難易度 2/5 1〜3時間 初心者へのやさしさ 67/100
Esri/calcite-design-system#15467 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
diegosouzapw/OmniRoute#18390 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
難易度 1/5 1〜3時間 初心者へのやさしさ 86/100
guilhermerodz/input-otp#157 · コメント 1 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
davidjerleke/embla-carousel#1414 ·
メンテナーはふだん 4 日以内に返信