Seiceálaí Codarsnachta
Seiceálaí codarsnachta WCAG saor. Cuir dath téacs agus cúlra isteach chun an cóimheas codarsnachta, torthaí AA/AAA agus an dath molta a fháil.
Torthaí WCAG 2.2
| AA | AAA | |
|---|---|---|
| Gnáth-théacs | ||
| Téacs mór | ||
| Comhpháirteanna comhéadain agus grafaicí | – |
Réamhamharc
Gnáth-théacs (16 px). Tá an sionnach donn tapa ag léim thar an madra leisciúil.
Téacs mór (24 px)
Téacs mór trom (18.66 px trom)
Moltaí
Conas an seiceálaí codarsnachta a úsáid
- Cuir isteach Dath an téacs agus Dath an chúlra. Úsáid na samplaí datha nó clóscríobh aon luach CSS sna réimsí: cód HEX mar
#595959,rgb(89 89 89),hsl(0 0% 35%)nó ainm marnavy. - Nuashonraíonn an Cóimheas codarsnachta agus tú ag clóscríobh, ó 1:1 (gan codarsnacht) go 21:1 (dubh ar bhán).
- Taispeánann an tábla Torthaí WCAG 2.2 Pas nó Teip do Gnáth-théacs, Téacs mór agus Comhpháirteanna comhéadain agus grafaicí, ag leibhéil AA agus AAA.
- Seiceáil an Réamhamharc: taispeánann sé gnáth-théacs, téacs mór, téacs mór trom, imlíne cnaipe agus deilbhín i do dhá dhath.
- Má theipeann ar leibhéal, roghnaigh Sprioc faoi Moltaí. Molann an uirlis an An dath téacs is gaire a n-éiríonn leis agus an An dath cúlra is gaire a n-éiríonn leis. Cliceáil Úsáid chun ceann acu a chur i bhfeidhm. Malartaíonn Malartaigh dathanna téacs agus cúlra.
Ríomhtar gach rud i do bhrabhsálaí; ní sheoltar aon rud áit ar bith.
Conas a ríomhtar an cóimheas codarsnachta
Sainmhíníonn WCAG 2.x an cóimheas mar (L1 + 0.05) / (L2 + 0.05), áit arb é L1 luminance choibhneasta an datha is éadroime agus L2 luminance an datha is dorcha. Ríomhtar luminance choibhneasta ó chainéil sRGB líneacha: díchódaítear gach cainéal leis an gcuar aistrithe sRGB, ansin L = 0.2126 R + 0.7152 G + 0.0722 B. Is é an glas is mó meáchain mar go bhfuil ár súile is íogaire dó, agus is é sin an fáth go mbreathnaíonn glas glan i bhfad níos gile ná gorm glan den “neart” céanna.
Ní bhabhtáiltear an cóimheas suas riamh. Tugann #777777 ar bhán thart ar 4.48:1 agus teipeann air AA do ghnáth-théacs, cé go bhfuil cuma “4.5” air. Giorraíonn an uirlis seo an luach taispeánta go dhá dheachúil ionas gurb é an rud a fheiceann tú an rud a sheiceálann WCAG.
Má tá dath an téacs leaththrédhearcach (mar shampla rgb(0 0 0 / 60%)), measctar ar dtús thar an gcúlra é, mar a tharraingeodh an brabhsálaí é. Déantar neamhaird de thrédhearcacht i ndath an chúlra, mar nach eol cad atá taobh thiar den leathanach.
Leibhéil WCAG i gcoitinne
| Ábhar | AA | AAA |
|---|---|---|
| Gnáth-théacs | 4.5:1 | 7:1 |
| Téacs mór (24 px, nó 18.66 px trom) | 3:1 | 4.5:1 |
| Comhpháirteanna comhéadain agus grafaicí brí | 3:1 | – |
Ciallaíonn “Téacs mór” 18 pt ar a laghad (24 picteilín CSS), nó 14 pt trom (thart ar 18.66 px). Níl aon riachtanas ar lógónna ná ar théacs maisiúil amháin. Cuirtear an riail 3:1 do chomhpháirteanna comhéadain (critéar rathúlachta 1.4.11) i bhfeidhm ar imill réimsí ionchuir agus cnaipí, táscairí fócais, deilbhíní agus línte cairte a gcaithfidh úsáideoirí iad a fheiceáil.
Conas a oibríonn na moltaí
Coimeádann na dathanna molta ton agus cróma do dhatha i spás OKLCH agus ní athraíonn siad ach a ghile, níos dorcha nó níos éadroime, go dtí go sroichtear an cóimheas sprice. Roghnaíonn an uirlis ansin cibé ceann den dá threo is gaire go amhairc do do bhundath, tomhaiste in OKLab. Seiceáiltear an toradh arís tar éis babhtála go cód HEX, mar sin éiríonn leis i ndáiríre. Mura féidir le haon ghile an sprioc a bhaint amach (7:1 i gcoinne liath meánach, mar shampla), deir an uirlis é.
Maidir le APCA
Is samhail codarsnachta níos nuaí é APCA (Accessible Perceptual Contrast Algorithm) a bhreithnítear do WCAG 3 amach anseo. Cuireann sé meáchan cló, méid agus polaraíocht (dorcha ar éadrom i gcoinne éadrom ar dhorcha) san áireamh. Is dréacht fós é agus ní riachtanas dlíthiúil ná normatach é, mar sin tuairiscíonn an uirlis seo torthaí WCAG 2.x, a fhanann mar thagairt do chaighdeán inrochtaineachta na hEorpa EN 301 549, Roinn 508 agus formhór na ndlíthe.
Ceisteanna coitianta
Cén cóimheas codarsnachta atá ag teastáil uaim le haghaidh gnáth-théacs coirp?
4.5:1 ar a laghad do leibhéal AA, an leibhéal a éilíonn formhór na ndlíthe agus na bpolasaithe. Cuir sprioc 7:1 (AAA) le haghaidh léamh fada nó le haghaidh lucht féachana a bhfuil radharc íseal acu.
An n-éiríonn le téacs bán ar dhath mo bhranda?
Cuir bán isteach mar dhath an téacs agus dath do bhranda mar chúlra. Ní shroicheann a lán gormacha, oráistí agus glasa meántónacha ach 3:1: ceart go leor do cheannteidil mhóra agus do chnaipí le lipéid mhóra, ach ní do théacs beag. Úsáid an dath cúlra molta má tá AA ag teastáil uait do ghnáth-théacs.
Cén fáth nach n-athraíonn ord na ndathanna an cóimheas?
Roinneann an fhoirmle luminance an datha is éadroime ar an gceann is dorcha i gcónaí, mar sin tugann dorcha ar éadrom agus éadrom ar dhorcha an cóimheas céanna. Is féidir leis an gcodarsnacht bhraite a bheith beagán difriúil fós, ceann de na fadhbanna a dtugann APCA aghaidh orthu.
An leor 4.49:1 le pas a fháil?
Ní leor. Is íosmhéideanna dolúbtha iad tairseacha WCAG: teipeann ar 4.49:1 AA do ghnáth-théacs. Úsáid an moladh chun dath a fháil a n-éiríonn leis i ndáiríre.
An n-oibríonn an seiceálaí codarsnachta do théacs sealbhóra áite nó do théacs díchumasaithe?
Caithfidh téacs sealbhóra áite an t-íosmhéid 4.5:1 céanna a shásamh nuair a chuireann sé eolas in iúl. Tá rialuithe díchumasaithe díolmhaithe ó riachtanais chodarsnachta, ach cuidíonn staideanna díchumasaithe inléite le húsáideoirí fós.
Uirlisí gaolmhara
- Roghnóir Datha Roghnóir datha saor ar líne. Roghnaigh aon dath agus cóipeáil a chóid HEX, RGB, HSL, HSV agus CMYK láithreach, le cóimheasa codarsnachta ar bhán agus ar dhubh.
- Insamhlóir Dhalladh Datha Insamhlóir dalladh datha saor: féach ar aon íomhá le protanopia, deuteranopia, tritanopia nó achromatopsia, taobh le taobh nó le sleamhnán.
- Gineadóir Tintí agus Scátha Gin tintí agus scátha aon datha i gcéimeanna 5, 10, 20 nó 25 %, measctha in OKLCH nó sRGB, agus easpórtáil iad mar athróga CSS nó mar chumraíocht Tailwind.