Checker yemusiyano wemavara

Ongorora mavara ako

Edza musanganiswa wemavara kuti uone kana uchisangana nemaitiro eWCAG ekunyora kunoverengwa.

Musiyano

AAA

Mhedzisiro yechinyorwa

Zvinoshamisa

Zvakaenzaniswa: #000000 pamusoro pe #ACF7DA

Chinyorwa

16px, Regular (400)

Inoverengerwa sechaizvo chinyorwa.

AA (WCAG 1.4.3): zvakakwana 4.5:1
Yapfuura
AAA (WCAG 1.4.6): zvakakwana 7:1
Yapfuura

Zvikamu zveUI uye magirafiki

Ma icon, miganho yema input, zviratidziro zve focus uye zvimwe zvikamu zvaunofanira kuona kuti ushandise interface.

AA (WCAG 1.4.11): zvakakwana 3:1
Yapfuura

Nzira yekuongorora

Mavara akaenzaniswa (mushure mekusanganiswa): Chinyorwa #000000 pa background #ACF7DA
Kujeka kunoenderana (relative luminance): Chinyorwa 0.0000, background 0.8035
Fomura: (L1 + 0.05) / (L2 + 0.05) kwaL1 ari luminance yeruvara rwakajeka uye L2 yeruvara rwerima.
Chiyero chaicho: 17.0708 ku 1, kuratidzwa se 17.07 ku 1. Kukosha kunoratidzwa kunochekwa, hakukomberedzwe, saka hakunzi kwakanaka kupfuura zvariri. Kukosha chaiko ndiko kunoenzaniswa nechikumbiro.

Saizi yemavara: 16px, Regular (400)

Inoverengerwa sechaizvo chinyorwa. Chinyorwa chikuru chinova, pakaderera, 24px (18pt), kana 18.67px (14pt) kana chakakora (kurema 700 kana pamusoro). Saizi dzinoratidzwa dzakachekwa, hadzirondedzerwi.

Mitemo

Ruvara rwekunyora

Ruvara rwekumashure

Saizi yeshoko (px)

Kuhwanda kwefonti

Musoro weongororo

Gonzo rakasviba rinokurumidza kupfuura imbwa inonetsekana

Muenzaniso wemavara madiki (12px)

Mavara

#000000

Kumashure

#acf7da

Maitiro eWCAG

Nhanho AA

Minimum musiyano wemavara we4.5:1 wekunyora kwechinyorwa uye 3:1 wekunyora kukuru. Zvinodiwa kune mazhinji emawebhusaiti.

Nhanho AAA

Musiyano wakawedzerwa we7:1 wekunyora kwechinyorwa uye 4.5:1 wekunyora kukuru. Zvinokurudzirwa kuti zvive nyore kuverenga.

Verenga musiyano wekunyora uye kumashure kwemavara.

Sarudza ruvara uchishandisa selector de color yemavara ekunyora uye kumashure kana pinda ruvara muRGB hexadecimal fomati (semuenzaniso, #259 kana #2596BE). Unogona kugadzirisa slider kusarudza ruvara. Web Content Accessibility Guidelines (WCAG) ine gwara rakatarwa kuti ibatsire kuona kana kunyora kuchiverengwa nevashandisi vanoona. Iyi mitemo inoshandisa algorithm chaiyo kuti ienzanise musanganiswa wemavara kuita ratios inofananidzwa. Uchishandisa fomula iyi, WCAG inotaura kuti 4.5:1 musiyano wemavara nekunyora uye kumashure kwayo kwakakwana kune kunyora kwechinyorwa, uye kunyora kukuru (18+ pt regular, kana 14+ pt bold) kunofanirwa kuve ne3:1 musiyano wemavara.

Zvinhu zvikuru

Kuverenga kwekusiyana kwechinguva
Kuongorora kutevedzera WCAG AA & AAA
HSL sliders yekugadzirisa
Mhando dzakasiyana dzekutarisa

Zvishandiso zvakadzama

Kugadzirisa mavara otomatiki
Mienzaniso yezvinyorwa uye kumashure
Kuziva zita remavara
Tumira mhedzisiro

Mibvunzo inowanzo bvunzwa

Kuti ubatane neWCAG AA, manyoro ejeko anoda chiyero chemusiyano chisingaderi pa4.5:1, asi manyoro akakura (18pt kana 14pt akakora) anoda 3:1.

WCAG AAA inoda zviyero zvemusiyano zvakakwira: 7:1 emanyoro ejeko uye 4.5:1 emanyoro akakura, zvichienzaniswa na4.5:1 ne3:1 yeAA zvichiteerana.

Shandisa gadziriro yedu yekugadzirisa kwakazvimirira kugadzirisa mavara emanyoro kana emashure uchichengetedza chinangwa chedhizaini yako, kana gadzirisa mavara nemaoko uchishandisa HSL sliders ane zviratidzo zvinoratidza nzvimbo dzakanakisa dzekubatana kweAA/AAA.

Nzvimbo dzegirinhi nemarikisa eAA/AAA dzinoratidza nzvimbo dzakanakisa dzekubatana neWCAG. Zviratidzo zvekwakananga (Yakajeka/Yakasviba) zvinokutungamirira kumusiyano wakanakisa zvichibva pakubatanidzwa kwemavara ako ari kushandiswa parizvino.

Hongu, unogona kuisa chero kodhi yemavara eHEX kana kushandisa sarudzo yemavara kusarudza mavara akasarudzwa nemi. URL inogadziridzwa yega yega, saka unogona kugovana makombinesheni akasarudzwa emavara.