Krāsu kontrasta pārbaudītājs
Teksta krāsas un fona krāsas kontrasta attiecības un lasāmības standarta (WCAG AA) atbilstības pārbaude uz vietas
Īpašības
Kontrasta attiecības tūlīteja noteikšana
Ievadiet teksta krāsu un fona krāsu, lai uzreiz redzētu WCAG AA atbilstību vai neatbilstību
Atlasītājs un kods — abi atbalstīti
Norādiet krāsu, izmantojot krāsu atlasītāju vai ielīmējot HEX, īso formu vai rgb() kodu
Divus izmērus liels paraugs
Pārbaudiet parastā teksta un virsraksta faktisko parādīšanu uz vietas
Atbilstošā krāsa viena klikšķa lēnumā
Uzreiz lietojiet ieteiktās krāsas, kas saglabā toņa atspalvumu, bet maina spilgtumu
Lietošanas veids
Norādiet teksta krāsu
Atlasiet, izmantojot krāsu atlasītāju, vai ievadiet krāsu kodu formātā #333333, #333 vai rgb(51, 51, 51)
Norādiet fona krāsu
Norādiet fona krāsu tādā pašā veidā. Rezultāts tiek atjaunināts uzreiz pēc ievades, bez pogas nospiešanas
Pārbaudiet attiecību, atbilstību un paraugu
Skatiet kontrasta attiecību, parasto teksta un lielā teksta atbilstību, vienā vārdā vērtējumu un paraugā redzamo tekstu
Lietojiet ieteikto krāsu un pārbaudiet atkārtoti
Ja neatbilst, nospiediet pogu, lai mainītu teksta krāsu uz atbilstošu krāsu. Varat arī apmainīt teksta krāsu un fona krāsu, izmantojot maiņas pogu
Lietošanas gadījumi
Slaidu un materiālu krāsu shēmas pārbaude
Pirms izveides pārbaudiet, vai iekšējie materiāli un slaidi ir lasāmi
Tīmekļa vietnes krāsu shēmas pārbaude
Pārbaudiet, vai vietnes vai banera krāsu shēma atbilst pieejamības standartam (WCAG AA)
Zīmola krāsas izmantošana galvenajā tekstā
Ja izmantojat zīmola krāsu kā teksta krāsu, nosakiet, cik tumšu tā jābūt, lai to varētu lietot galvenajā tekstā
Neatbilstošas krāsu shēmas labošana
Labojiet norādīto krāsu shēmu atbilstošai krāsai, saglabājot toņa atspalvumu
Pamatzināšanas
Kas ir kontrasta attiecība
Kontrasta attiecība ir mērs, kas izsaka teksta krāsas un fona krāsas spilgtuma starpību no 1:1 līdz 21:1. Melnā un baltā kombinācija ir maksimāli 21:1, bet viena krāsa ir minimāli 1:1.
- Aprēķina mehānisms：Kontrasta attiecība tiek aprēķināta, konvertējot divas krāsas uz sRGB relatīvo spilgtumu un dalot gaišākās un tumšākās spilgtuma vērtības plus 0,05.
- Ciparu vadlīnijas：Baltam fona krāsam (#FFFFFF), pelēka #777777 ir 4,47:1, #999999 ir 2,84:1, bet melna (#000000) ir 21:1 kontrasta attiecība.
WCAG AA un AAA atšķirības
WCAG ir starptautisks tīmekļa satura pieejamības vadlīnija, kas kontrasta attiecības atbilstību definē divos līmeņos: AA un AAA.
- AA (standarta līmenis)：AA prasa 4,5:1 vai lielāku parasto tekstu un 3,0:1 vai lielāku lielo tekstu, un tas ir bieži mērķis parastu tīmekļa vietnei.
- AAA (stingrāks līmenis)：AAA prasa 7:1 vai lielāku parasto tekstu un 4,5:1 vai lielāku lielo tekstu, un tas ir mērķis padarīt saturu lasāmu cilvēkiem ar vāju redzi.
Lielā teksta definīcija
WCAG lielajais teksts ir aptuveni 18 punkti (24px) vai lielāks, vai 14 punkti (aptuveni 18,7px) vai lielāks treknajā.
- Parastais teksts：Parastais teksts ir teksta izmērs, kas nav liels, piemēram, galvenais teksts vai piezīmes, un tam nepieciešama kontrasta attiecība 4,5:1 vai lielāka.
- Saistība ar virsrakstiem：Pat virsraksti, kas ir mazāki par 24px un nav trekni, tiek uzskatīti par parasto tekstu, tāpēc jāpārbauda gan izmērs, gan trekums.
Drošība un privātums
Apstrāde pārlūkprogrammā
Ievadītie dati tiek apstrādāti tikai jūsu pārlūkprogrammā un netiek nosūtīti ārpusē.
Apstrāde tikai pārlūkprogrammā
Kontrasta attiecības aprēķins un krāsu priekšlikumi tiek veikta pilnībā jūsu pārlūkprogrammā, un ievades dati netiek sūtīti uz serveri.
Komunikācija šifrēta ar HTTPS
Lapas ielāde tiek šifrēta ar TLS un tās saturs nav lasāms trešajām personām.
Nav sūtīšanas trešajām personām
Ievades saturs netiek sūtīts uz ārējiem pakalpojumiem, piemēram, reklāmu tīkliem vai izsekotājiem.
Nav automātiskas rezultātu saglabāšanas
Ievadītā teksta krāsa vai fona krāsa un ievades ieteikumi netiek glabāti serverī.
Sekojiet RAKKOTOOLS vietnē Google meklēšanā
194 ērtas rīka tiks vieglāk atrodamas Google meklēšanā un AI meklēšanā!
- Atrast meklēšanā
- Tiek parādīts arī AI meklēšanā
- Atklāt jaunus rīkus
Jaunumi
- update #337
Pievienota krāsu kontrasta pārbaudītāja funkcija, lai novērtētu teksta un fona krāsu lasāmību