កម្មវិធីពិនិត្យកម្រិតផ្ទុយពណ៌
កម្មវិធីពិនិត្យកម្រិតផ្ទុយពណ៌ឥតគិតថ្លៃ៖ សាកល្បងថាពណ៌អត្ថបទ និងផ្ទៃខាងក្រោយបំពេញ WCAG 2.2 AA និង AAA ឬទេ មើលអនុបាត និងទទួលពណ៌ជិតបំផុតដែលឆ្លងកាត់។
នេះជាអត្ថបទធម្មតា មានទំហំប៉ុនកថាខណ្ឌមួយ។
អត្ថបទធំ
ប៊ូតុង| AA | AAA | |
|---|---|---|
| អត្ថបទធម្មតា | ||
| អត្ថបទធំ (24 px ឬ 18.7 px ដិត) | ||
| រូបតំណាង និងស៊ុមចំណុចប្រទាក់ | — |
វាធ្វើអ្វី
កម្មវិធីពិនិត្យនេះវាស់កម្រិតផ្ទុយរវាងពណ៌អត្ថបទ និងផ្ទៃខាងក្រោយរបស់វា ដោយប្រើរូបមន្តនៃគោលការណ៍ណែនាំភាពងាយស្រួលចូលប្រើ WCAG 2.2 ដែលត្រូវបានប្រើក្នុងច្បាប់ភាពងាយស្រួលចូលប្រើជាច្រើន។ វាបង្ហាញអនុបាតកម្រិតផ្ទុយពី 1:1 (គ្មានកម្រិតផ្ទុយ) ដល់ 21:1 (ខ្មៅលើស) និងថាតើគូពណ៌ឆ្លងកាត់កម្រិត AA និង AAA សម្រាប់អត្ថបទធម្មតា អត្ថបទធំ និងធាតុចំណុចប្រទាក់ ដូចជារូបតំណាង និងស៊ុម ឬទេ។ នៅពេលគូពណ៌មិនឆ្លងកាត់ វាណែនាំពណ៌ជិតបំផុតដែលមានសំនៀងពណ៌ដូចគ្នា ហើយឆ្លងកាត់។
របៀបប្រើ
- បញ្ចូល ឬរើសពណ៌អត្ថបទ និងពណ៌ផ្ទៃខាងក្រោយ។
- អានអនុបាតកម្រិតផ្ទុយ និងលទ្ធផល AA និង AAA ហើយពិនិត្យការមើលជាមុនផ្ទាល់។
- បើមិនឆ្លងកាត់ ចុច «ប្រើ» លើពណ៌ដែលបានណែនាំ បន្ទាប់មកចម្លងតំណ ដើម្បីចែករំលែកលទ្ធផល។
សំណួរដែលសួរញឹកញាប់
តើខ្ញុំត្រូវការអនុបាតកម្រិតផ្ទុយប៉ុន្មាន?
កម្រិត AA ដែលជាគោលដៅផ្លូវច្បាប់ធម្មតា តម្រូវ 4.5:1 សម្រាប់អត្ថបទធម្មតា និង 3:1 សម្រាប់អត្ថបទធំ ព្រមទាំងរូបតំណាង និងស៊ុមចំណុចប្រទាក់។ កម្រិត AAA តម្រូវ 7:1 សម្រាប់អត្ថបទធម្មតា និង 4.5:1 សម្រាប់អត្ថបទធំ។
តើអ្វីដែលចាត់ទុកជាអត្ថបទធំ?
អត្ថបទដែលមានទំហំយ៉ាងហោចណាស់ 24 ភីកសែល CSS (18 pt) ឬយ៉ាងហោចណាស់ប្រហែល 18.7 ភីកសែល CSS (14 pt) នៅពេលដិត។ ចំណងជើងច្រើនតែធំ ចំណែកអត្ថបទតួជាធម្មតាមិនធំទេ។
ហេតុអ្វី #777777 លើពណ៌សមិនឆ្លងកាត់?
អនុបាតរបស់វាគឺ 4.47:1 ទាបជាង 4.5:1 ដែលតម្រូវសម្រាប់អត្ថបទធម្មតាបន្តិច។ អនុបាតមិនត្រូវបានបង្គត់ឡើងទេ ដូច្នេះពណ៌ប្រផេះដែលដិតជាងបន្តិច ដូចជា #767676 (4.54:1) គឺជាពណ៌ប្រផេះស្រាលបំផុតដែលឆ្លងកាត់លើពណ៌ស។
W3C — WCAG 2.2, 1.4.3 Contrast (Minimum)
W3C — WCAG 2.2, 1.4.11 Non-text Contrast