Seiceálaí Codarsnachta

Iontráil dath téacs agus cúlra chun cóimheas codarsnachta WCAG a fheiceáil agus cé na leibhéil AA agus AAA a n-éiríonn leo.

—Cóimheas codarsnachta
Gnáth-théacsAA4.5:1—
Gnáth-théacsAAA7:1—
Téacs mórAA3:1—
Téacs mórAAA4.5:1—
Comhéadan & grafaicí3:1—
Iontráil dath téacs agus cúlra chun seiceáil.

Ritheann gach seiceáil i do bhrabhsálaí. Ní uaslódáiltear aon rud a iontrálann tú chuig BroBroGo.

Ceisteanna Coitianta

Cad a chiallaíonn na torthaí AA agus AAA?

Is é AA an leibhéal a mbíonn an chuid is mó de na suíomhanna ag dréim leis: teastaíonn cóimheas 4.5:1 ar a laghad uaidh le haghaidh gnáth-théacs agus 3:1 le haghaidh téacs mór. Tá AAA níos déine — 7:1 le haghaidh gnáth-théacs agus 4.5:1 le haghaidh téacs mór. Ritheann an cóimheas ó 1:1 (gan chodarsnacht) go 21:1 (dubh ar bhán).

Cad a áirítear mar théacs mór?

Téacs ó 18pt (thart ar 24px), nó 14pt (thart ar 18.5px) nuair atá sé trom. Fanann téacs níos mó inléite ag codarsnacht níos ísle, mar sin éiríonn leis ag AA ag 3:1 agus AAA ag 4.5:1 in ionad na dtairseacha téacs gnáth níos déine.

Cad iad na formáidí datha is féidir liom a iontráil?

Clóscríobh luach heicsidheach cosúil le #1a1a1a, luach rgb() cosúil le rgb(26, 26, 26), nó luach hsl() — nó cliceáil ar cheachtar den dá shampla chun dath a roghnú. Úsáid an cnaipe babhtála chun dathanna an téacs agus an chúlra a mhalartú.

An é seo WCAG 2 nó an modh nua APCA?

Úsáideann sé foirmle WCAG 2.1 / 2.2, an ceann a dtagraíonn rialacha agus iniúchtaí inrochtaineachta dó inniu. Is modh níos nuaí, níos aireachtálaí é APCA atá fós á dhréachtú do WCAG 3 — tá gealladh faoi, ach ní caighdeán comhlíonta é fós, mar sin ní úsáideann na torthaí pas anseo é.

Scríofa agus athbhreithnithe ag foireann eagarthóireachta BroBroGo.Nuashonraithe is déanaí:

Cad is brí leis an Seiceálaí Codarsnachta?

Is uirlis úsáideach é an Seiceálaí Codarsnachta a ligeann duit dath téacs agus dath cúlra a chur isteach chun a gcóimheas codarsnachta a ríomh de réir caighdeán WCAG 2.1 / 2.2. Taispeánann an uirlis seo duit cé na leibhéil inrochtaineachta (AA agus AAA) a n-éiríonn leis an gcomhcheangal dathanna seo dóibh le haghaidh gnáth-théacs, téacs mór, agus comhpháirteanna comhéadain.

Is iad na dathanna tosaigh atá socraithe san uirlis ná #4f46e5 do dhath an téacs agus #ffffff do dhath an chúlra, rud a thugann cóimheas codarsnachta 6.29 mar thús.

Na hIontrálacha agus na Formáidí Datha a Ghlactar leo

Chun an uirlis a úsáid, caithfidh tú dhá luach datha a sholáthar:

  • Dath an téacs: Luach datha an téacs atá uait.
  • Dath an chúlra: Luach datha an chúlra atá uait.

Glacann an uirlis leis na formáidí datha seo a leanas do gach iontráil:

  • Luachanna heicsidheacha (mar shampla, #1a1a1a nó #ffffff).
  • Luachanna rgb() (mar shampla, rgb(26, 26, 26) nó rgb(255, 255, 255)).
  • Luachanna hsl().

Má chuireann tú luach neamhbhailí isteach, taispeánfaidh an uirlis teachtaireachtaí earráide chun cabhrú leat:

  • Má tá dath an téacs neamhbhailí, feicfidh tú an teachtaireacht: "Iontráil dath téacs bailí, mar shampla #1a1a1a nó rgb(26, 26, 26).".
  • Má tá dath an chúlra neamhbhailí, feicfidh tú an teachtaireacht: "Iontráil dath cúlra bailí, mar shampla #ffffff nó rgb(255, 255, 255).".

Chun an obair a éascú, is féidir leat an cnaipe babhtála a úsáid chun dathanna an téacs agus an chúlra a mhalartú go tapa.

Na Torthaí agus na hAschuir a Thaispeántar

Nuair a dhéantar an ríomh, soláthraíonn an uirlis na torthaí seo a leanas:

  • Cóimheas codarsnachta: An cóimheas ríofa idir dath an téacs agus dath an chúlra, arna thaispeáint i bhformáid "X:1". Ritheann an cóimheas seo ó 1:1 (gan chodarsnacht) go dtí 21:1 (dubh ar bhán).
  • Gnáth-théacs: Léiríonn sé seo "Pas" nó "Teip" do na leibhéil AA agus AAA.
  • Téacs mór: Léiríonn sé seo "Pas" nó "Teip" do na leibhéil AA agus AAA.
  • Comhéadan & grafaicí: Léiríonn sé seo "Pas" nó "Teip" i gcoinne tairseach amháin 3:1. Níl aon idirdhealú idir AA agus AAA sa tsraith seo — ní thaispeánann an uirlis ach toradh amháin ina leith.
  • Breithiúnas: Teachtaireacht achoimre a léiríonn an leibhéal pas is airde atá bainte amach:
    • "Éiríonn leis ag AA agus AAA le haghaidh gnáth-théacs."
    • "Éiríonn leis ag AA le haghaidh gnáth-théacs."
    • "Éiríonn leis ag AA le haghaidh téacs mór amháin."
    • "Faoi bhun an íosmhéid AA — méadaigh an chodarsnacht."

Rialacha Codarsnachta agus Tairseacha WCAG

Úsáideann an uirlis foirmle oifigiúil WCAG 2.1 / 2.2 chun na torthaí a ríomh. Seo iad na rialacha agus na tairseacha sonracha a gcaithfear cloí leo:

  • Gnáth-théacs:
    • Teastaíonn cóimheas 4.5:1 ar a laghad le haghaidh leibhéal AA.
    • Teastaíonn cóimheas 7:1 ar a laghad le haghaidh leibhéal AAA.
  • Téacs mór:
    • Teastaíonn cóimheas 3:1 ar a laghad le haghaidh leibhéal AA.
    • Teastaíonn cóimheas 4.5:1 ar a laghad le haghaidh leibhéal AAA.
  • Comhéadan & grafaicí:
    • Teastaíonn cóimheas 3:1 ar a laghad. Is é seo an t-aon tsraith a bhfuil tairseach amháin aici seachas leibhéil scartha AA agus AAA.

Sainmhínítear téacs mór mar théacs atá 18pt (thart ar 24px) nó níos mó, nó téacs atá 14pt (thart ar 18.5px) nuair atá sé trom.

Príobháideachas agus Próiseáil Sonraí

Nuair a úsáideann tú an Seiceálaí Codarsnachta, próiseáiltear do chuid sonraí go léir go háitiúil. Ritheann gach seiceáil i do bhrabhsálaí, agus ní uaslódáiltear aon rud a iontrálann tú chuig BroBroGo.

Cé dó a bhfuil an Uirlis seo Úsáideach?

Tá an uirlis seo deartha go speisialta do dhaoine éagsúla a bhíonn ag obair ar tháirgí digiteacha:

  • Dearthóirí: Chun inléiteacht téacs agus comhpháirteanna a sheiceáil le linn an phróisis deartha.
  • Forbróirí: Chun a chinntiú go gcomhlíontar na caighdeáin inrochtaineachta oifigiúla ar an suíomh nó ar an aip.
  • Foirne ábhair: Chun codarsnacht dathanna a fhíorú le haghaidh na n-ábhar agus na n-alt a fhoilsíonn siad.

Ceisteanna Coitianta

Cad a chiallaíonn na torthaí AA agus AAA?

Is é AA an leibhéal a mbíonn an chuid is mo de na suíomhanna ag dréim leis: teastaíonn cóimheas 4.5:1 ar a laghad uaidh le haghaidh gnáth-théacs agus 3:1 le haghaidh téacs mór. Tá AAA níos déine — 7:1 le haghaidh gnáth-théacs agus 4.5:1 le haghaidh téacs mór. Ritheann an cóimheas ó 1:1 (gan chodarsnacht) go 21:1 (dubh ar bhán).

Cad a áirítear mar théacs mór?

Téacs ó 18pt (thart ar 24px), nó 14pt (thart ar 18.5px) nuair atá sé trom. Fanann téacs níos mó inléite ag codarsnacht níos ísle, mar sin éiríonn leis ag AA ag 3:1 agus AAA ag 4.5:1 in ionad na dtairseacha téacs gnáth níos déine.

Cad iad na formáidí datha is féidir liom a iontráil?

Clóscríobh luach heicsidheach cosúil le #1a1a1a, luach rgb() cosúil le rgb(26, 26, 26), nó luach hsl() — nó cliceáil ar cheachtar den dá shampla chun dath a roghnú. Úsáid an cnaipe babhtála chun dathanna an téacs agus an chúlra a mhalartú.

An é seo WCAG 2 nó an modh nua APCA?

Úsáideann sé foirmle WCAG 2.1 / 2.2, an ceann a dtagraíonn rialacha agus iniúchtaí inrochtaineachta dó inniu. Is modh níos nuaí, níos aireachtálaí é APCA atá fós á dhréachtú do WCAG 3 — tá gealladh faoi, ach ní caighdeán comhlíonta é fós, mar sin ní úsáideann na torthaí pas anseo é.

Tiontaire DathaTiontaigh dathanna idir HEX, RGB, HSL, HSV, CMYK agus LAB — cuir réimse ar bith in eagar agus nuashonrófar an chuid eile de réir mar a théann tú ar aghaidh.Roghnóir Datha as ÍomháRoghnaigh aon phicteilín as íomhá agus léigh a luach HEX, RGB agus HSL, le gloine mhéadaithe le haghaidh samplála beacht.Tiontaire Formáide ÍomhánnaTiontaigh íomhánna JPG, PNG, WebP, HEIC agus AVIF i do bhrabhsálaí.Áireamhán Cóimheas GnéTiontaigh aon leithead × airde ina chóimheas glan mar 16:9, nó roghnaigh cóimheas chun an taobh atá in easnamh a chríochnú — le haghaidh físeán, grianghraf agus scáileán araon.Gineadóir Box ShadowTarraing sleamhnáin chun box-shadow a mhúnlú, cruachaigh cisealacha le haghaidh doimhneachta, agus cóipeáil an CSS críochnaithe láithreach.Gineadóir GrádáinTóg grádán líneach, gathach, nó cónach, cuir stadanna datha leis agus socraigh an treo, ansin cóipeáil an CSS le cliceáil amháin.Sraith Tástála MonatóraSeiceáil aon scáileán le patrúin tástála lánscáileáin — picteilíní marbha, sileadh cúlbhratach, bandáil, gáma, taibhsiú, ráta athnuachana agus tuilleadh.