ឧបករណ៍ពិនិត្យការផ្ទុយពណ៌

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

1.00:1
ការផ្ទុយ
Fail
អន់ខ្លាំង

អក្សរធម្មតា

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

អក្សរធំ

AA (3:1)
AAA (4.5:1)
White
#ffffff
Mongoose
#b5a27f

ការកែសម្រួលរហ័ស

Aa

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

ចចកពណ៌ត្នោតលោតលើឆ្កែខ្ជិល

គំរូអត្ថបទតូច (12px)

អត្ថបទ
#ffffff
ផ្ទៃខាងក្រោយ
#b5a27f

ស្តង់ដារ WCAG

Level AA

អត្រាផ្ទុយអប្បបរមា 4.5:1 សម្រាប់អក្សរធម្មតានិង 3:1 សម្រាប់អក្សរធំ។ ត្រូវការសម្រាប់គេហទំព័រច្រើន។

Level AAA

អត្រាផ្ទុយកាន់តែប្រសើរ 7:1 សម្រាប់អក្សរធម្មតានិង 4.5:1 សម្រាប់អក្សរធំ។ សូមណែនាំសម្រាប់ការចូលប្រើបានល្អបំផុត។

ការប្រកួតគ្នាមិនគ្រប់គ្រាន់សម្រាប់ទំហំអក្សរទាំងអស់ - មិនអាចឆ្លើយតបតាមស្តង់ដារ WCAG។

ឧបករណ៍ពិនិត្យការផ្ទុះពណ៌

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

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

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

  • ការគណនាអត្រាប្រកួតគ្នាជាក់ស្តែង
  • ការត្រួតពិនិត្យភាពឆបគ្នា WCAG AA & AAA
  • HSL sliders សម្រាប់ការកែសម្រួលលម្អិត
  • ទម្រង់មើលជាមុនច្រើន

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

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