Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Guide: how to check color contrast for WCAG

Đã đóng
  • Có gì không ổn?
#276 2 bình luận 0 reaction 1 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@08abhinav đang làm issue này rồi.

Từ ngày 23/10/2026.

  • #341 của @08abhinav — đã merge

Đánh giá

Issue này chưa được đánh giá.

Mô tả

documentation good first issue hacktoberfest seo

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>/ and lib/) 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 publishedAt is the day the guide goes live
  • npm run lint && npm run test && npm run build passes

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.

Ngôn ngữ chính
TypeScript
Star
1
Fork
9
Merge trung bình
7 giờ 46 phút
Pull request đã merge (30 ngày)
186

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của codercops/toolbelt

Tất cả issue của codercops/toolbelt

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.