Өнгөний Контраст Шалгагч
Текстийн өнгө ба фонын өнгөний контрастын харьцаа ба уншихад хялбар байдлын стандарт (WCAG AA) -ийн нийцлийг нэн даруй шалгана
Онцлог
Контрастын харьцааг нэн даруй шалгана
Текстийн өнгө ба фонын өнгө оруулахаар WCAG AA-ийн нийцлийг харуулна
Нэрлэлт ба код аль алинд ч нийцэнэ
HEX, богино хэлбэр, rgb() орлуулах ба өнгө сонголтоор зааглана
Хоёр хэмжээний сорилтын дэлгэц
Энгийн текст ба гарчгийн бодит харагдацыг нэн даруй шалгана
Нийцэлтэй өнгө нэг товшилтоор
Өнгөний сонго хэвээр байхаар гэрэлтэйг өөрчилсөн санал өнгөг нэн даруй хэрэглэнэ
Хэрхэн ашиглах вэ
Текстийн өнгө зааглана
Өнгөний нэрлэлтээр сонгох эсвэл #333333, #333, rgb(51, 51, 51) хэлбэрийн өнгөний кодыг оруулна
Фонын өнгө зааглана
Ижил аргаар фонын өнгө зааглана. Товчлуур дарахгүй ч оруулах хэвэе үр дүн шинэчлэгдэнэ
Харьцаа, нийцлийг, сорилтыг шалгана
Контрастын харьцаа, энгийн текст ба том текстийн нийцлийг, товч үнэлгээг, сорилтын текстийн харагдацыг шалгана
Санал өнгөг хэрэглээд дахин шалгана
Нийцэлгүй бол "Текстийн өнгөг ... руу өөрчилнө" гэх мэт санал товчилтоор нийцэлтэй өнгөг хэрэглэнэ. Солих товчилтоор текстийн өнгө ба фонын өнгөг хооронд солилцож болно
Ашиглалтын жишээ
Слайд, материалын өнгөний сонго шалгана
Дотоод материал эсвэл слайдын текстийн өнгө ба фонын өнгө уншихад хялбар байгааг үүсгэхээс өмнө шалгана
Вэб сайтын өнгөний сонго шалгана
Сайт эсвэл сурталчилгааны өнгөний сонго хүрээлүүлэх байдлын стандарт (WCAG AA) -ийг дагаж байгаа эсэхийг шалгана
Брэндийн өнгө текстэд ашиглахыг шийдвэрлэнэ
Брэндийн өнгөг текстийн өнгө болгон ашигла даа хэлбэр ямар болгон сүүлчийг текстэд ашиглаж болох вэ шийдвэрлэнэ
Нийцэлгүй өнгөний сонго засна
Сүүлчлэн өнгөний сонго өнгөний сонго хэвээр байхаар нийцэлтэй өнгө засна
Үндсэн мэдлэг
Контрастын харьцаа гэж юу вэ
Контрастын харьцаа нь текстийн өнгө ба фонын өнгөний гэрэлтэйг 1 : 1-ээс 21 : 1 хүртэл тоогоор илэрхийлсэн үзүүлэлт юм. Хар ба цагаан хослол хамгийн их 21 : 1 бөгөөд ижил өнгөнүүд хамгийн бага 1 : 1 болно.
- Тооцооллын механизм：Контрастын харьцаа нь хоёр өнгөг sRGB-ийн харьцангуй гэрэлтэй болгон хөрвүүлж, гэрэлтэй өнгөний гэрэлтэй ба бүдүүн өнгөний гэрэлтэй д 0.05 нэмж хуваасан утга юм.
- Тоон үзүүлэлт：Цагаан фон (#FFFFFF) -ийн эсрэг саарал #777777 нь 4.47 : 1, #999999 нь 2.84 : 1, хар (#000000) нь 21 : 1 контрастын харьцаа болно.
WCAG-ийн AA ба AAA-ийн ялгаа
WCAG нь вэб сайтын хүрээлүүлэх чадамжийн талаарх олон улсын санаа болгом зөвлөмжүүдэй хөдөлгөөнүүдийн контрастын харьцаа нийцлийн стандартыг AA ба AAA хоёр түвшинд тогтооцохдоо.
- AA (стандартын түвшин)：AA нь энгийн текстэд 4.5 : 1 ба түүнээс дээш, том текстэд 3.0 : 1 ба түүнээс дээш шаардлага тавьдаг стандарт бөгөөд энгийн вэб сайтын зорилтын түвшин юм.
- AAA (илүү хатуу түвшин)：AAA нь энгийн текстэд 7 : 1 ба түүнээс дээш, том текстэд 4.5 : 1 ба түүнээс дээш шаардлага тавьдаг стандарт бөгөөд сул харалтай хүмүүст уншихад хялбар байхыг зорьдог түвшин юм.
Том текстийн тодорхойлолт
WCAG-ийн том текст гэхэд ойролцоогоор 18 пункт (24px) ба түүнээс дээш, эсвэл бүдүүн 14 пункт (ойрхон 18.7px) ба түүнээс дээш текстийг хэлнэ.
- Энгийн текст：Энгийн текст нь том текстэд хамаарахгүй хэмжээний текст бөгөөд үндсэн текст, сэтгэгдэл гэх мэт уншигдах зүйл хамаарна. 4.5 : 1 ба түүнээс дээш контрастын харьцаа шаардлагатай юм.
- Гарчгийн холбоо：Гарчигт хэнээ 24px-ээс бага бөгөөд бүдүүн биш бол энгийн текст хэмээн авч үзэгдэнэ. Уяаны урт цагийг биш үнэ санал авч үзэх шаардлагатай юм.
Аюулгүй байдал ба хувийн нууц
Браузер дотор бүрэн
Оруулсан өгөгдлийг зөвхөн таны браузер дотор боловсруулдаг бөгөөд гадагш илгээдэггүй.
Зөвхөн браузер дотор боловсруулна
Контрастын харьцаа тооцох ба өнгөн санал болгох нь бүхэлдээ таны браузер дотор явагдаж, оруулсан өгөгдөл серверт илгээлэггүй.
Харилцаа холбоо HTTPS-ээр шифрлэгдсэн
Хуудсыг ачааллах нь TLS-ээр шифрлэгдсэн бөгөөд гуравдагч талаас агуулгыг унших боломжгүй.
Гуравдагч талд илгээлэггүй
Сурталчилгаа сүлжээ, мөлжээлүүлэгч болон бусад гадаад үйлчилгээнд оруулсан мэдээллийг илгээдэггүй.
Үр дүн автоматаар хадгалагдахгүй
Оруулсан текстийн өнгө ба фонын өнгө болон оруулах сурталчилгаа серверт хадгалагдахгүй.
Google хайлтаас RAKKOTOOLS-г дагах
194 ашигтай хэрэгсэл нь Google хайлт болон AI хайлтаас илүү хялбар олдох болно!
- Хайлтад олддог
- AI хайлтанд мөн гарч ирнэ
- Шинэ хэрэгсэлийг нээх
Шинэчлэлтийн мэдээлэл
- update #337
Өнгөний контрастыг шалгагч нэмэх, үсгийн өнгө болон фоны өнгөний уншихад хялбар байдлыг үнэлэх