Өнгөний ялгарал шалгагч

Өнгөө шалга

Текст унших боломжтой байдлыг хангахын тулд WCAG хүртээмжийн стандартыг хангаж байгаа эсэхийг шалгахын тулд өнгөний хослолыг туршина уу.

1.00:1

Ялгарал

Тэнцээгүй

Маш муу

Ердийн текст

AA (4.5:1)

AAA (7:1)

Том текст

AA (3:1)

AAA (4.5:1)

Текстийн өнгө

Арын өнгө

Түргэн засварууд

Урьдчилан харах гарчиг

Хурдан бор үнэг залхуу нохой дээгүүр үсрэв

Жижиг текстийн жишээ (12px)

Текст

#2596be

Дэвсгэр

#ffffff

WCAG стандартууд

Түвшин AA

Энгийн текстийн хувьд хамгийн бага харьцаа нь 4.5:1 ба том текстийн хувьд 3:1 байх шаардлагатай. Ихэнх вэбсайтуудад заавал шаардлагатай.

Түвшин AAA

Энгийн текстийн сайжруулсан харьцаа нь 7:1 ба том текстийн хувьд 4.5:1. Оновчтой хандалтын тулд зөвлөмжид оруулсан.

Бүх текстийн хэмжээний хувьд хангалтгүй ялгарал - WCAG стандартуудыг хангахгүй байна.

Текст болон арын өнгөний ялгаралтын харьцааг тооцоолно уу.

Текст болон фонны өнгийг зөвшөөрөгдсөн харьцаа (e.g., #259 эсвэл #2596BE) оруулж, өнгийг сонгоно уу. Та чулууг хөдөлгөн өнгийг сонгох боломжтой. Вэб Агуулгын Хандалтын Заавар (WCAG) нь харагдах хүмүүсийн текст унших боломжтой эсэхийг тодорхойлоход туслах тодорхой заавартай байдаг. Энэ шалгуур нь өнгөний хослолыг харьцуулалттай харьцаа болгон зураглах тодорхой алгоритмыг ашигладаг. Энэхүү томьёоллоор WCAG нь 4.5:1 өнгөний харьцаа нь энгийн (их биеийн) текст болон том текст (18+ pt энгийн, эсвэл 14+ pt бүдүүн) нь дор хаяж 3:1 харьцаатай байх хэрэгтэй гэж заасан.

Гол онцлогууд

Бодит цагийн ялгаралтын харьцаа тооцоолол
WCAG AA & AAA нийцлийн шалгалт
Нарийн тохиргооны HSL гулсагч
Олон төрлийн урьдчилсан харагдац

Нарийвчилсан хэрэгслүүд

Өнгө автоматаар засах
Текст болон дэвсгэрийн жишээ
Өнгөний нэр илрүүлэх
Үр дүнг экспортлох

Түгээмэл асуултууд

WCAG AA нийцлийн тулд энгийн текст дор хаяж 4.5:1 ялгаралтын харьцаа шаарддаг бол том текст (18pt эсвэл 14pt тод) 3:1 шаарддаг.

WCAG AAA илүү өндөр ялгаралтын харьцаа шаарддаг: энгийн текстэд 7:1, том текстэд 4.5:1, харин AA-д харгалзан 4.5:1 ба 3:1.

Дизайны санаагаа хадгалан текст эсвэл арын өнгийг тохируулахын тулд манай автомат засварын функцийг ашиглах, эсвэл AA/AAA нийцлийн оптимал бүсийг харуулсан харагдах заалттай HSL гулсуураар гараар тохируулах боломжтой.

Ногоон бүс болон AA/AAA тэмдэглэгээ нь WCAG нийцэлд хүрэх оптимал муж харуулна. Чиглэлийн зөвлөмж (Цайвар/Бараан) таны одоогийн өнгөний хослолд тулгуурлан илүү сайн ялгаралт руу чиглүүлнэ.

Тийм, та дурын HEX кодыг оруулах эсвэл өнгөний сонгогчийг ашиглан өөрийн өнгөө сонгож болно. URL автоматаар шинэчлэгдэх тул тодорхой өнгөний хослолыг хуваалцаж болно.