Tresnak
Kontraste-egiaztatzailea
Kolore-kontraste egiaztatzailea (WCAG)
Neurtu testuaren eta atzealdearen arteko kontrastea eta egiaztatu WCAG AA eta AAA jarraibideak betetzen dituen.
Testu handia (24 px edo gehiago)
Testu arrunta 16 px-ean. Adibide-paragrafo bat, aukeratutako kolorea atzealdearen gainean nola irakurtzen den ikusteko.
Testu txikia 14 px-ean, oharretarako eta irudi-oinetarako.
- AA arrunta: gutxienez 4.5:1, 18 pt baino txikiagoa den testurako (edo 14 pt lodian)
- AA handia: gutxienez 3:1, 18 pt edo handiagoa den testurako (edo 14 pt edo handiagoa lodian)
- AAA arrunta: gutxienez 7:1, irisgarritasun indartua lortzeko
- AAA handia: gutxienez 4.5:1, testu handian irisgarritasun indartua lortzeko
Tresna honi buruz
Egiaztatu testu bat ondo irakurtzen den bere atzealdearen gainean, WCAG 2.1 irisgarritasun-jarraibideen arabera. Bi koloreen arteko kontraste-ratioa kalkulatzen du, eta testu arrunterako eta handirako AA eta AAA mailak gainditzen dituen esaten dizu. Botoiak, estekak, marka-koloreen gaineko testuak edo oharrak berrikusteko balio du, webgune bat edo kanpaina bat argitaratu aurretik.
Idatzi HEX kodeak «Atzealdea» eta «Testua» eremuetan, edo sakatu lagin bakoitza hautatzailearekin aukeratzeko. Ratioa, hiru letra-tamainako aurrebista eta betetze-taula ikusiko dituzu. «Trukatu» botoiak koloreak elkarren artean aldatzen ditu. «Doitu AA mailara» eta «Doitu AAA mailara» botoiek testuaren kolorearen argitasuna aldatzen dute, tonua ukitu gabe, 4.5:1 edo 7:1 lortu arte.
Dena zure nabigatzailean kalkulatzen da; ez da ezer bidaltzen. Sei zifrako HEX kolore opakuak soilik onartzen ditu: ez ditu kontuan hartzen gardentasunak, gradienteak edo atzealdeko irudiak. Ratioak WCAG 2.1eko luminantzia erlatiboaren formula jarraitzen du, ez WCAG 3rako proposatutako APCA metodoa. Erabili laguntza gisa; ikuskaritza oso batek kolorea baino gehiago aztertzen du.
Ohiko galderak
Zer gutxieneko kontraste eskatzen du WCAGek?
AA mailak 4.5:1 eskatzen du testu arrunterako eta 3:1 testu handirako. AAA mailak 7:1 eta 4.5:1 eskatzen ditu, hurrenez hurren.
Zer hartzen da testu handitzat?
WCAGen arabera, 18 pt-ko (24 px inguru) edo handiagoa den testua, edo 14 pt-ko (18,5 px inguru) edo handiagoa lodian.
Nola hobetu kontrastea marka-kolorea aldatu gabe?
Ilundu edo argitu testuaren argitasuna soilik; hori egiten du «Doitu AA mailara» botoiak. Beste aukera bat da marka-kolorea atzealdeetarako edo elementu handietarako gordetzea, eta testurako tonu ilunago bat erabiltzea.
Zergatik huts egiten du askotan laranja gaineko zuriak?
Laranja eta hori biziek luminantzia handia dute, zuriaren antzekoa; beraz, ratioa 4.5:1etik behera geratzen da. Laranja horren gainean testu iluna jarrita, emaitza askoz hobea izan ohi da.