Kontrast hesabı: mətn və fon rənginin qərar kartı

Kontrast hesabı hansı dar qərarı verir?

Kontrast hesabı burada verilmiş mətn rəngi ilə fon rənginin işıqlılıq fərqini rəqəmlə müqayisə edir. AI süni intellektin ingiliscə qısaltmasıdır; hesabı yoxlamaq üçün AI işlətmək məcburi deyil. Nəticə dizaynerə verilə bilən iki sətirlik hesab qeydi və açıq suallar siyahısıdır, saytın əlçatanlıq sertifikatı deyil.

Məşqdə adi ölçülü mətn üçün 4,5:1 həddi əvvəlcədən seçilib. Mətn loqo deyil, dekorasiya deyil və böyük mətn istisnasına aid edilmir. Bu şərtlər real səhifədən ölçülməyib, tədris üçün verilib. Şərt məlum deyilsə eyni həddi bütün şəkil, düymə və loqolara tətbiq etməyin.

Hər iki rəng qeyri-şəffaf, yəni altındakı rəngi göstərməyən sRGB rəngidir. sRGB rəngin rəqəmlə təsvir edildiyi müəyyən rəng fəzasıdır. Qırmızı, yaşıl və mavi kanalların hər biri 0–255 tam ədəd kimi verilir. Başqa rəng fəzasından, şəffaflıqdan və ya ekran görüntüsündən təxmin edilmiş rəqəm bu girişlə eyni deyil.

Alt mətn qərarı şəklin səhifədəki işini izah edir. Bu kart isə mətn və fon üçün verilmiş rəqəm cütünü saxlayır. Hər iki iş sayt sahibinə faydalıdır, amma bu hesab mətnin mənasını, şriftin rahatlığını və bütün səhifənin istifadəyə yararlılığını qiymətləndirmir.

İlkin rəngləri dəyişmədən necə yazaq?

V1 adlı süni kart açın. A1 mətn rəngi RGB(118,118,118), A2 mətn rəngi RGB(119,119,119)-dur. Hər ikisinin fonu RGB(255,255,255), yəni verilmiş ağ rəngdir. Hər ID ayrıca mətn-fon cütünü göstərir; A1-in mətnini A2-nin nəticəsi ilə birləşdirməyin.

Başlanğıc qeydə üç kanalı ayrıca köçürün. Eyni boz rəngdə onların bərabər olması təsadüfi sadələşdirmədir. Ümumi rəng üçün kanallar bərabər olmaya bilər və sadə ədədi orta ilə işıqlılıq tapılmır. Bu kartın qaydasını başqa RGB cütünə tətbiq edəndə də kanalların adını itirməmək vacibdir.

Mənbə ilə nəticə üçün ayrı sütun saxlayın. İlkin rənglər yalnız girişdir; onlara PASS və ya FAIL yazmaq üçün əvvəl hesabı aparmaq lazımdır. PASS bu məşqin seçilmiş həddinə uyğunluq deməkdir. FAIL isə həmin rəqəm cütünün o həddə çatmadığını göstərir, real saytdakı bütün mətni avtomatik rədd edən qərar deyil.

Canva ilə dizayn hazırlayarkən rəngi gözlə bəyənmək və hesabı sənədləşdirmək ayrı addımlardır. Burada Canva açılmır, şəkildən rəng götürülmür və dizayn faylı dəyişdirilmir. Mətn və fonun həqiqi rəqəmləri yoxdursa sahibindən onları soruşun; bu nümunənin ağ fonunu yerinə qoymayın.

Üç kanal və işıqlılıq necə hesablanır?

Windows-da Start menyusunu açın, Calculator axtarın və proqramı başladın. Proqramın menyusundan Scientific (elmi) rejimini seçin. Hər 8 bitlik kanalı 255-ə bölün. A1 üçün hər kanalın normallaşdırılmış qiyməti 118/255 = 0.462745098039216 kimi görünür. Bu yazılış göstəriş üçün məhdud rəqəmlidir; kalkulyatorda 118/255 ifadəsini saxlayın. Nöqtə burada onluq ayırıcıdır, minlik ayırıcı deyil.

Hər normallaşdırılmış s üçün iki budaqlı qayda var: s ≤ 0.04045 olduqda xətti kanal s/12.92-dir; əks halda ((s+0.055)/1.055)^2.4 hesablanır. Qüvvət işarəsi ^ burada 2.4 dərəcəsinə yüksəltmək deməkdir. Kalkulyatorun xʸ və ya qüvvət düyməsindən istifadə edin; 2.4-ə vurmaq eyni əməl deyil.

Hər iki boz girişin və ağ fonun kanalları həddən böyükdür. A1 üçün elmi kalkulyatora ((118/255+0.055)/1.055)^2.4 daxil edin. Nəticə təxminən 0.181164244249860-dır. Qırmızı R, yaşıl G və mavi B xətti kanallarının hər biri bu qiyməti alır. A2-də 119 ilə eyni əməl təxminən 0.184474994500441 verir.

İndi L = 0.2126×R + 0.7152×G + 0.0722×B yazın. A1 üçün üç hədd ayrıca 0.038515518327520, 0.129568667487500 və 0.013080058434840-dır; cəm 0.181164244249860 alınır. A2 üçün onlar 0.039219383830794, 0.131936516066715 və 0.013319094602932-dir. Son rəqəmlər göstəriş yuvarlaqlaşdırmasıdır; hesabda ilkin ifadələri saxlayın.

Ağ fon üçün 255/255=1 və ((1+0.055)/1.055)^2.4=1-dir. Onun üç çəkili həddi 0.2126, 0.7152 və 0.0722, cəmi L=1 olur. Boz mətndə L-nin bir xətti kanala bərabər olması çəkilərin cəminin 1 olmasındandır; ümumi RGB üçün çəkiləri atmağa əsas vermir.

Həddən əvvəl yuvarlaqlaşdırma niyə olmaz?

Nisbət (açıq rəngin L-si+0.05)/(tünd rəngin L-si+0.05) şəklində hesablanır. Burada ağ fon açıqdır. A1 üçün 1.05/(0.181164244249860…+0.05) ≈ 4.542224959605253 alınır. A2 üçün nəticə təxminən 4.478089453577214-dür. Əvvəl tam hesab qiymətini 4.5 ilə müqayisə edin, sonra qeyddə göstərilən rəqəmləri qısaldın.

A1 4.5-dən böyükdür və seçilmiş hədd üçün PASS olur. A2 4.5-dən kiçikdir və FAIL qalır. Bir onluq mərtəbəyə qədər göstərilsə hər iki nəticə 4.5 kimi görünə bilər. Bu görünüş onların eyni qərar aldığını sübut etmir. W3C izahında hesablanmış nisbəti həddə müqayisədən əvvəl yuvarlaqlaşdırmamaq açıq tələb edilir.

Üç iddia üçün ayrıca qərar yazın: “A1 həddi keçir” hesabla dəstəklənir; “A2 ekranda 4.5 görünür, deməli keçir” rədd edilir; “A1 keçdi, deməli sayt tam əlçatandır” bu məşqlə sübut olunmur. Hər qərarın yanında mənbə rəqəmləri, nisbət və tətbiq dairəsini saxlayın.

Yuvarlaqlaşdırılmış faiz cəmi başqa rəqəm nəzarətidir. Burada məqsəd cəmi yüz etmək deyil, ayrı rəng cütünün hədd qərarını ilkin dəqiqliklə qorumaqdır. Təkcə yekun PASS sayını yazmaq hansı rəngin yanlış keçdiyini gizlədə bilər.

Hansı vəziyyətdə nəticəni açıq saxlamalı?

Fonun rəngi verilməyibsə işıqlılıq nisbətini hesablamaq üçün ikinci giriş yoxdur. Fon şəkildir, rəng keçididir və ya şəffaf qat varsa bir sabit ağ rəng fərz etməyin. Kartda “həll edilməyib” yazın və mətnin hansı fon üzərində göstərildiyini soruşun. Bu məşq şəffaf qatların birləşdirilməsi qaydasını vermir.

Mətnin adi ölçülü olub-olmadığı bilinmirsə yalnız rəqəm nisbətini qeyd etmək olar; 4.5 həddi üzrə uyğunluq qərarını şərtsiz verməyin. W3C böyük mətn, loqo və müəyyən başqa hallar üçün fərqlər göstərir. Burada həmin halları təsnif edən tam yoxlama aparılmır.

Şəkil kəsimi kartında sərhəddən çıxan hissəni hesablayan kimi burada da məlum girişlə naməlum məlumatı ayırın. Gözəl görünən rəqəm çatışmayan konteksti əvəz etmir. Ekranda hamının rahat oxuyacağını və ya anti-aliasing təsirinin yoxlandığını deməyin.

W3C-nin izah sənədi köməkçi, məlumatlandırıcı mətndir; WCAG 2.2 Tövsiyəsi meyarı və anlayışları verir. İki keçid eyni quruma aiddir. Onları iki müstəqil təşkilatın təsdiqi kimi təqdim etməyin. Bu kart həmin dar rəqəm qaydasını öyrənir, hüquqi uyğunluq rəyi vermir.

Hesab qeydini necə saxlayıb yenidən yoxlayaq?

Windows-da Start menyusunda Notepad axtarın və proqramı açın. Yeni boş sənəd yaradın. V1 şərtini, A1/A2 ilkin rənglərini, ağ fonu, üç xətti kanalın ifadələrini, üç çəkili həddi, L və nisbəti sənədə yazın. Göstəriş üçün qısaldılmış qiymətlə hesabda saxlanmış ifadəni ayrı etiketləyin.

Üç iddianın qərarını və hərəsinin rəqəm dəlilini də əlavə edin. Naməlum fon üçün açıq sual və HOLD qeydi yazın. Ctrl+S basın, Documents qovluğunu seçin, kontrast-V1.txt adını daxil edin və Save seçin. Proqramı bağlayın. File Explorer-də Documents qovluğunu açıb kontrast-V1.txt faylını iki dəfə vuraraq yenidən açın.

Hesabın özünə iki sadə nəzarət əlavə edin: ağ rəngin işıqlılığı bir olmalıdır, eyni rəng özünə qarşı qoyulanda nisbət bir alınmalıdır. Bu nəzarətlər bütün rəng cütlərini yoxlamır, amma mötərizə və bölmə səhvini aşkar etməyə kömək edir. Bu nümunədə A2-nin daha açıq mətn rəngi ağ fona qarşı daha kiçik nisbət verir; bunu rəqəmlə tutuşdurun.

A1-in 118, A2-nin 119 olaraq qaldığını, hər ikisində üç kanalın olduğunu və FAIL-in göstəriş yuvarlaqlaşdırması ilə PASS-a dönmədiyini yoxlayın. Kalkulyatorda bir ifadəni yenidən daxil edib saxlanmış nisbətlə tutuşdurun. Bu, sənədin yerli təkrar oxunmasıdır, istifadəçi sınağı deyil.

On beş dəqiqəlik düşüncə planında üç dəqiqəni girişlərə, altını kalkulyator və cədvələ, üçünü iddialara, üçünü saxlama və təkrar açmağa ayırmaq olar. Bu, ölçülmüş iştirakçı nəticəsi deyil. Əvvəlki yazılarımda mükəmməllik axtarışının işi gecikdirə bildiyini qeyd etmişəm; burada məqsəd bütün saytı birdən düzəltmək yox, yoxlana bilən kiçik qeydi bitirməkdir. Daha geniş mövzu üçün süni intellekt bələdçisinə baxın.