🌓

پشکنەری بەرامبەری ڕەنگی WCAGی بەخۆڕایی

بزانە ئایا دوو ڕەنگ پێوەری بەرامبەری WCAG AA و AAAی بۆ دەستپێگەیشتن دابین دەکەن. پێشبینینی زیندوو لە چەندین قەبارەی دەق لەگەڵ پێشنیاری خۆکار کاتێک بەرامبەری کەمە.

لە وێبگەڕەکەتدا کاردەکاتبێ خۆتۆمارکردن، بێ پۆپئەپپێویستی بە چوونەژوورەوە نییەڕایگان بۆ هەمیشە

بەبێ ئینتەرنێت کاردەکات دوای بارکردن

ڕەنگی دەق

ڕەنگی پاشبنەما

دەقی سەرنووسەی گەورە

دەقی لاشەی مامناوەند (18px) بۆ خوێندنەوە و ناوەڕۆک.

دەقی لاشەی ئاسایی (16px) بۆ پەراگراف.

دەقی لاشەی بچووک (14px) بۆ ژێرنووس و مێتاداتا.

14.63:1

ڕێژەی کۆنتراست

✓WCAG AA — دەقی ئاسایی

پێویستە 4.5:1 · تۆ 14.63:1 هەیە

✓WCAG AA — دەقی گەورە

پێویستە 3.0:1 · تۆ 14.63:1 هەیە

✓WCAG AAA — دەقی ئاسایی

پێویستە 7.0:1 · تۆ 14.63:1 هەیە

✓WCAG AAA — دەقی گەورە

پێویستە 4.5:1 · تۆ 14.63:1 هەیە

✓پێکهاتەکانی UI / ئۆبجێکتی گرافیکی

پێویستە 3.0:1 · تۆ 14.63:1 هەیە

ڕێکخستنە خێراکان

لەسەر بنەمای ڕێنماییەکانی کۆنتراستی WCAG 2.1. دەقی گەورە = 18pt (24px) ئاسایی یان 14pt (18.66px) قەڵەو. کۆدی هێکس بە هەردوو ئاراستە نوێ دەبێتەوە: هێکسێک بنووسە یان ڕەنگێک هەڵبژێرە، هەردوو ئینپووت یەکگرتوو دەمێننەوە.

چۆن کار دەکات

پشکنینی جیاوازی تەواو لە وێبگەڕەکەتدا کاردەکات بە بەکارهێنانی ئەلگۆریتمی ڕووناکی نیسبی WCAG 2.1 — بەبێ کتێبخانە، سێرڤەر، تەنها ژمێریاری دەستنووس کە بەوردی شێوازکارییەکە دەشوێنێت. هەر ئەنجامێک بە کاتی ڕاستەقینەدا نوێدەبێتەوە هەروەک دەینووسیت یان ڕەنگێک هەڵدەبژێریت.

1
داخڵی شازدەیی و ستانداردکردن
هەردوو نرخی شازدەیی 3-ژمارە (#abc) و 6-ژمارە (#aabbcc) وەردەگیرێن و بۆ سێیانی تەواوی RGB ستاندارد دەکرێن. داخڵی نادروست دەستبەجێ ڕەت دەکرێتەوە لەبری بێدەنگانە پێشدانانی بۆ ڕەش، بۆیە لاکەناری سوور دەردەکەوێت لەبری ئەنجامێکی چەواشەکار.
2
ژمێریاری ڕووناکی WCAG
هەر ڕەنگێک دەگۆڕدرێت بۆ ڕووناکی نیسبی بە بەکارهێنانی فۆرمولی WCAG 2.1: نرخی کەناڵی sRGB بە چاککردنی گاماکاری پارچە-پارچە هێڵخۆر دەکرێن (دابەشکردن بەسەر 12.92 لەژێر 0.03928، بەرزکردنەوە بۆ توانی 2.4 لەسەرووی)، پاشان کێشدانراو وەک 0.2126R + 0.7152G + 0.0722B.
3
ڕێژەی جیاوازی و پشکنینی گونجاندن
ڕێژەی جیاوازی وەک (لای ڕووناکتر + 0.05) / (لای تاریکتر + 0.05) ژمێردەکرێت و پشکنین دەکرێت لەگەڵ هەموو پێنج سنووری WCAGـدا: دەقی ئاسایی AA (4.5:1)، دەقی گەورەی AA (3:1)، دەقی ئاسایی AAA (7:1)، دەقی گەورەی AAA (4.5:1)، و پێکهاتەی UI (3:1). ئەنجامەکان لەسەر هەر کلیکێک نوێدەبنەوە.
4
پێشنیاری چاککردنی پارێزەری هیو
کاتێک جووتەکە شکستی WCAG AA دەهێنێت، ئامرازەکە بواری ڕووناکی HSL دەگەڕێت — هەنگاو بەدەرەوە لە ڕووناکی سەرەکییەوە بۆ هەردوو ئاراستە — بۆ دۆزینەوەی نزیکترین جۆری هەر ڕەنگێک کە 4.5:1 دەگاتێ لەکاتێکدا هەمان هیو و تێری دەپارێزێت. APIی EyeDropper (Chromium) ـیش بەردەستە بۆ نموونەگرتنی هەر ڕەنگێک ڕاستەوخۆ لە شاشەکەتەوە.