Өнгөө шалга
Текст унших боломжтой байдлыг хангахын тулд WCAG хүртээмжийн стандартыг хангаж байгаа эсэхийг шалгахын тулд өнгөний хослолыг туршина уу.
Харьцуулсан: #FFFFFF нь #B331C3 дээр
Текст
16px, Энгийн (400)
Энгийн текстэд тооцогдоно.
AA (WCAG 1.4.3): дор хаяж 4.5:1
ТэнцсэнAAA (WCAG 1.4.6): дор хаяж 7:1
1.94 илүү хэрэгтэй
Тэнцээгүй
UI бүрэлдэхүүн хэсэг, график
Икон, оролтын хүрээ, фокусын заагч болон интерфэйс ашиглахад харах шаардлагатай бусад элементүүд.
AA (WCAG 1.4.11): дор хаяж 3:1
Тэнцсэн
Яаж шалгадаг вэ
- Харьцуулсан өнгө (холилсны дараа)
- Текст #FFFFFF нь фон #B331C3 дээр
- Харьцангуй люминанс
- Текст 1.0000, фон 0.1572
- Томъёо
- (L1 + 0.05) / (L2 + 0.05) энд L1 нь илүү тод өнгийн люминанс, L2 нь илүү бараан өнгийнх юм.
- Яг харьцаа
- 5.0674 харьцаа 1, 5.06 харьцаа 1 гэж харуулсан. Үзүүлсэн утгыг огтлож харуулдаг, тойруулдаггүй тул үнэнээсээ сайхан харагддаггүй. Яг утга нь шаардлагатайтай харьцуулахад ашиглагддаг.
Текстийн хэмжээ: 16px, Энгийн (400)
Энгийн текстэд тооцогдоно. Том текст нь дор хаяж 24px (18pt) эсвэл тод (зузаан 700 ба түүнээс их) үед дор хаяж 18.67px (14pt) байна. Хэмжээг тойруулалгүй, тасалсан байдлаар харуулна.
Энгийн текстэд тооцогдоно. Том текст нь дор хаяж 24px (18pt) эсвэл тод (зузаан 700 ба түүнээс их) үед дор хаяж 18.67px (14pt) байна. Хэмжээг тойруулалгүй, тасалсан байдлаар харуулна.
Хурдан бор үнэг залхуу нохой дээгүүр үсрэв
Жижиг текстийн жишээ (12px)
WCAG стандартууд
Түвшин AA
Энгийн текстийн хувьд хамгийн бага харьцаа нь 4.5:1 ба том текстийн хувьд 3:1 байх шаардлагатай. Ихэнх вэбсайтуудад заавал шаардлагатай.
Түвшин AAA
Энгийн текстийн сайжруулсан харьцаа нь 7:1 ба том текстийн хувьд 4.5:1. Оновчтой хандалтын тулд зөвлөмжид оруулсан.
Өнгөний ялгарал шалгагч
Текст болон арын өнгөний ялгаралтын харьцааг тооцоолно уу.
Текст болон фонны өнгийг зөвшөөрөгдсөн харьцаа (e.g., #259 эсвэл #2596BE) оруулж, өнгийг сонгоно уу. Та чулууг хөдөлгөн өнгийг сонгох боломжтой. Вэб Агуулгын Хандалтын Заавар (WCAG) нь харагдах хүмүүсийн текст унших боломжтой эсэхийг тодорхойлоход туслах тодорхой заавартай байдаг. Энэ шалгуур нь өнгөний хослолыг харьцуулалттай харьцаа болгон зураглах тодорхой алгоритмыг ашигладаг. Энэхүү томьёоллоор WCAG нь 4.5:1 өнгөний харьцаа нь энгийн (их биеийн) текст болон том текст (18+ pt энгийн, эсвэл 14+ pt бүдүүн) нь дор хаяж 3:1 харьцаатай байх хэрэгтэй гэж заасан.
Гол онцлогууд
- Бодит цагийн ялгаралтын харьцаа тооцоолол
- WCAG AA & AAA нийцлийн шалгалт
- Нарийн тохиргооны HSL гулсагч
- Олон төрлийн урьдчилсан харагдац
Нарийвчилсан хэрэгслүүд
- Өнгө автоматаар засах
- Текст болон дэвсгэрийн жишээ
- Өнгөний нэр илрүүлэх
- Үр дүнг экспортлох