ឧបករណ៍ពិនិត្យកម្រិតពណ៌

សាកល្បងសមាមាត្រកម្រិតពណ៌រវាងពណ៌ផ្ទៃខាងមុខ និងផ្ទៃខាងក្រោយ ដើម្បីធានាបាននូវភាពងាយស្រួល។

1.00:1
កម្រិតពណ៌
Fail
ក្រ​ណាស់

អត្ថបទធម្មតា។

AA (4.5:1)
AAA (7:1)

អត្ថបទធំ

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#0088cc

ការជួសជុលរហ័ស

Aa

មើលចំណងជើងជាមុន

កញ្ជ្រោងពណ៌ត្នោតរហ័សលោតពីលើឆ្កែខ្ជិល។

ឧទាហរណ៍អត្ថបទតូច (12px)

អត្ថបទ
#000000
ផ្ទៃខាងក្រោយ
#0088cc

ស្តង់ដារ WCAG

Level AA

សមាមាត្រកម្រិតពណ៌អប្បបរមា 4.5:1 សម្រាប់អត្ថបទធម្មតា និង 3:1 សម្រាប់អត្ថបទធំ។ ទាមទារសម្រាប់គេហទំព័រភាគច្រើន។

Level AAA

សមាមាត្រកម្រិតពណ៌ដែលប្រសើរឡើងនៃ 7: 1 សម្រាប់អត្ថបទធម្មតា និង 4.5: 1 សម្រាប់អត្ថបទធំ។ ត្រូវបានណែនាំសម្រាប់ភាពងាយស្រួលល្អបំផុត។

កម្រិតពណ៌ខ្សោយសម្រាប់ទំហំអត្ថបទទាំងអស់។

ឧបករណ៍ពិនិត្យកម្រិតពណ៌

គណនាសមាមាត្រកម្រិតពណ៌នៃអត្ថបទ និងពណ៌ផ្ទៃខាងក្រោយ។

ជ្រើសរើសពណ៌ដោយប្រើឧបករណ៍ជ្រើសរើសពណ៌សម្រាប់អត្ថបទ និងពណ៌ផ្ទៃខាងក្រោយ ឬបញ្ចូលពណ៌ក្នុងទម្រង់ RGB គោលដប់ប្រាំមួយ (ឧ. #259 ឬ #2596BE)។ អ្នកអាចលៃតម្រូវគ្រាប់រំកិលដើម្បីជ្រើសរើសពណ៌។ គោលការណ៍ណែនាំអំពីភាពងាយស្រួលនៃមាតិកាគេហទំព័រ (WCAG) មានគោលការណ៍ណែនាំជាក់លាក់មួយដើម្បីជួយរកឱ្យឃើញថាតើអត្ថបទអាចអានបានសម្រាប់អ្នកប្រើប្រាស់ដែលមើលឃើញឬអត់។ លក្ខណៈវិនិច្ឆ័យនេះប្រើក្បួនដោះស្រាយជាក់លាក់មួយដើម្បីគូសផែនទីបន្សំពណ៌ទៅជាសមាមាត្រប្រៀបធៀប។ ដោយប្រើរូបមន្តនេះ WCAG បញ្ជាក់ថាសមាមាត្រកម្រិតពណ៌ 4.5:1 ជាមួយអត្ថបទ និងផ្ទៃខាងក្រោយរបស់វាគឺគ្រប់គ្រាន់សម្រាប់អត្ថបទធម្មតា (តួ) ហើយអត្ថបទធំ (18+ pt ធម្មតា ឬ 14+ pt ដិត) គួរតែមានយ៉ាងហោចណាស់ 3: 1 សមាមាត្រកម្រិតពណ៌។

លក្ខណៈសំខាន់ៗ

  • ការគណនាសមាមាត្រកម្រិតពណ៌តាមពេលវេលាជាក់ស្តែង
  • ការត្រួតពិនិត្យការអនុលោមតាម WCAG AA & AAA
  • គ្រាប់រំកិល HSL សម្រាប់ការកែតម្រូវ
  • ទម្រង់មើលជាមុនជាច្រើន។

ឧបករណ៍កម្រិតខ្ពស់

  • ជួសជុលពណ៌ដោយស្វ័យប្រវត្តិ
  • អត្ថបទ និងគំរូផ្ទៃខាងក្រោយ
  • ការរកឃើញឈ្មោះពណ៌
  • នាំចេញលទ្ធផល