Nyocha ọdịiche agba

Nyocha mgbakwunye agba n'etiti agba ihu na agba ndabere iji hụ na nnweta.

Nyochaa agba gị

Nyocha ngwakọta agba iji hụ na ha na-ezute ụkpụrụ nnweta WCAG maka ịgụ ederede.

5.39 ruo 1
Mgbakwunye
AA
Nsonaazụ ederede
Ọma

E jiri tụnyere: #000000 na #4989A4

Ederede

16px, Nkịtị (400)

A na-ahụta dị ka ederede nkịtị.

  • AA (WCAG 1.4.3): ma ọ dịkarịa ala 4.5:1

    Ọ gafere
  • AAA (WCAG 1.4.6): ma ọ dịkarịa ala 7:1

    1.61 ka mkpa

    Dara

Ihe UI na eserese

Ihe ngosi, mkpọchi ntinye, ngosipụta focus na akụkụ ndị ọzọ ị ga-ahụ iji jiri interface nke ọma.

  • AA (WCAG 1.4.11): ma ọ dịkarịa ala 3:1

    Ọ gafere
5.39 n'ofe 1. Ederede: gafe AA, adịghị gafe AAA. Ngwa UI: gafe.
Olee otu a si enyocha ya
Agba e jiri tụnyere (mgbe ejikọrọ ha)
Ederede #000000 na ndabere #4989A4
Ìhè metụtara
Ederede 0.0000, ndabere 0.2198
Usoro
(L1 + 0.05) / (L2 + 0.05) ebe L1 bụ ìhè nke agba kacha ọkụ na L2 bụ nke agba kacha gbara ọchịchịrị.
Oke ziri ezi
5.3976 n'ofe 1, gosipụtara dị ka 5.39 n'ofe 1. A na-ewepụ akụkụ na uru a gosipụtara, a naghị-atụgharị ya, ya mere ọ naghị ele anya ka ọ ka mma. Uru ziri ezi bụ nke a na-eji tụnyere ihe achọrọ.

Nha ederede: 16px, Nkịtị (400)

A na-ahụta dị ka ederede nkịtị. Nnukwu ederede bụ nke dịkarịa ala 24px (18pt), ma ọ bụ dịkarịa ala 18.67px (14pt) ma ọ bụrụ na ọ bụ ibu (ibu 700 ma ọ bụ karịa). A na-egosi nha na-ehichapụ, ọ bụghị nke a na-aza.

A na-ahụta dị ka ederede nkịtị. Nnukwu ederede bụ nke dịkarịa ala 24px (18pt), ma ọ bụ dịkarịa ala 18.67px (14pt) ma ọ bụrụ na ọ bụ ibu (ibu 700 ma ọ bụ karịa). A na-egosi nha na-ehichapụ, ọ bụghị nke a na-aza.

Aa
Isiokwu nlele

Nkịta aja aja na-agba ọsọ gafee nkịta na-agwụ ike

Ihe atụ ederede obere (12px)

Ederede
#000000
Ndabere
#4989a4

Ụkpụrụ WCAG

Ọkwa AA

Oke atu nke 4.5:1 maka ederede nkịtị na 3:1 maka ederede buru ibu. Dị mkpa maka ọtụtụ webụsaịtị.

Ọkwa AAA

Oke atu nke 7:1 maka ederede nkịtị na 4.5:1 maka ederede buru ibu. A na-atụ aro maka ọdịmma n'ụzọ zuru oke.

Nyocha ọdịiche agba

Tụlee mgbakwunye agba nke ederede na agba ndabere.

Họrọ agba site na ịhọrọ agba maka ederede na agba etiti ma ọ bụ tinye agba na usoro belter RGB (e.g., #259 ma ọ bụ #2596BE). Ị nwere ike ịhazigharị ọtụtụ iji họrọ agba. Web Content Accessibility Guidelines (WCAG) nwere ntuziaka pụrụ iche iji nyochaa ma ụda ederede ahụ dị maka ndị na-ahụ nke oma. Ndụmọdụ a na-eji algọridim pụrụ iche iji kpọọ ngwakọta agba n'ime oke mmetụta. Dịka usoro a si dị, WCAG na-akọwa na oke mmetụ agba nke 4.5:1 na ederede na etiti ya zuru oke maka ederede nkịtị, na ederede buru ibu (18+ pt nkịtị, ma ọ bụ 14+ pt ọtụtụ) kwesịrị inwe oke mmetụ agba nke 3:1 ọzọ.

Isi atụmatụ

  • Nkọwa ọdịiche oge n'ezie
  • Nlele nnabata WCAG AA & AAA
  • HSL sliders maka ịhazigharị nke ọma
  • Ụdị ngosipụta dị iche iche

Ngwaọrụ dị elu

  • Ndozi agba akpaka
  • Nlele ederede na ndabere
  • Nchọpụta aha agba
  • Zipu nsonaazụ

Ajụjụ a na-ajụkarị

Maka nkwekọrịta WCAG AA, ederede a na-ahụkarị chọrọ nha ọdịiche kacha nta nke 4.5:1, ebe ederede buru ibu (18pt ma ọ bụ 14pt ọkpụrụkpụ) chọrọ 3:1.

WCAG AAA chọrọ nha ọdịiche dị elu: 7:1 maka ederede a na-ahụkarị na 4.5:1 maka ederede buru ibu, n'otu ebe AA nwere 4.5:1 na 3:1 n'otu n'otu.

Jiri atụmatụ ndozi akpaka anyị iji hazie agba ederede ma ọ bụ agba ndabere ka ị na-echekwa echiche imepụta gị, ma ọ bụ hazie agba n'aka site na HSL sliders nwere ihe ngosi anya na-egosi ókè kachasị mma maka nkwekọrịta AA/AAA.

Mpaghara akwụkwọ ndụ na akara AA/AAA na-egosi ókè kachasị mma iji nweta nkwekọrịta WCAG. Ntụziaka ntụzi (Dị ọcha karị/Dị ọchịchịrị karị) na-eduzi gị na nha ọdịiche ka mma dabere na nhazi agba gị dị ugbu a.

Ee, ị nwere ike itinye koodu agba HEX ọ bụla ma ọ bụ jiri ngwaọrụ họrọ agba họrọ agba nke gị. URL na-emelite n'onwe ya ka ị kesaa nhazi agba ụfọdụ.