ការប្រើពណ៌តុបតែងមុខផ្ទៃខាងក្រោយនិងផ្ទៃខាងក្រោយក្នុងការរចនាគេហទំព័រ

ធ្វើអោយប្រសើរឡើងនូវភាពងាយស្រួលអាននិងការប្រើប្រាស់គេហទំព័ររបស់អ្នកជាមួយនឹងភាពផ្ទុយគ្នា

កម្រិតពណ៌ដើរតួនាទីយ៉ាងសំខាន់ក្នុងភាពជោគជ័យនៃការរចនាវេបសាយណាមួយ។ ពី រូបសម្បត្តិរបស់តំបន់បណ្ដាញ នោះទៅរូបភាពដែលត្រូវបានប្រើនៅលើគេហទំព័រដើម្បីភាពខុសគ្នារវាងធាតុផ្ទៃខាងមុខនិងពណ៌ផ្ទៃខាងក្រោយ - កន្លែងដែលត្រូវបានរចនាឡើងយ៉ាងល្អត្រូវតែមានភាពខុសគ្នាគ្រប់គ្រាន់នៅក្នុងតំបន់ទាំងនេះដើម្បីធានានូវបទពិសោធន៍អ្នកប្រើដែលមានគុណភាពនិងភាពជោគជ័យនៅលើវេបសាយ។

កម្រិតពណ៌ទាបស្មើនឹងបទពិសោធន៍នៃការអានក្រីក្រ

វេបសាយដែលមានកម្រិតទាបទាបពេកអាចពិបាកក្នុងការអាននិងប្រើដែលនឹងជះឥទ្ធិពលអវិជ្ជមានលើភាពជោគជ័យរបស់គេហទំព័រណាមួយ។ បញ្ហាកម្រិតពណ៌តិចតួចតែងតែងាយសម្គាល់។ ជាទូទៅអ្នកអាចធ្វើដូច្នេះដោយមើលទំព័រដែលត្រូវបានបង្ហាញនៅក្នុងកម្មវិធីរុករកអ៊ីនធឺណិតហើយអ្នកអាចមើលថាតើអត្ថបទពិបាកអានខ្លាំងណាស់ដោយសារតែជម្រើសពណ៌ខៀវ។ ទោះបីជាវាងាយស្រួលក្នុងការកំណត់ថាតើពណ៌ណាមួយមិនដំណើរការល្អជាមួយគ្នាយ៉ាងណាក៏ដោយវាពិតជាពិបាកក្នុងការសំរេចថាពណ៌អ្វីដែលធ្វើការបានល្អប្រសើរផ្ទុយពីអ្នកដទៃ។ អ្នកប្រហែលជាមិនមានអ្វីដែលមិនដំណើរការទេប៉ុន្តែតើអ្នកនឹងកំណត់អ្វីដែលមិនដំណើរការ? រូបភាពនៅក្នុងអត្ថបទនេះនឹងជួយបង្ហាញអ្នកនូវពណ៌ផ្សេងគ្នានិងរបៀបដែលវាផ្ទុយគ្នាដូចពណ៌ផ្ទៃខាងមុខនិងផ្ទៃខាងក្រោយ។ អ្នកអាចមើលការផ្គូផ្គង "ល្អ" និងការផ្គូផ្គង "ក្រីក្រ" មួយចំនួនដែលនឹងជួយអ្នកឱ្យជ្រើសរើសជម្រើសពណ៌ត្រឹមត្រូវនៅក្នុងគម្រោងរបស់អ្នក។

ទាក់ទងនឹងកម្រិតពណ៌

ចំណុចមួយដែលអ្នកគួរកត់សម្គាល់គឺថាភាពផ្ទុយគ្នាគឺមិនគ្រាន់តែជាពណ៌ដែលត្រូវបានប្រៀបធៀបទៅនឹងផ្ទៃខាងក្រោយនោះទេ។ ដូចដែលអ្នកគួរតែមើលឃើញនៅក្នុងរូបភាពដែលបានលើកឡើងមួយចំនួនពណ៌ទាំងនេះមានពន្លឺខ្លាំងណាស់ហើយបង្ហាញយ៉ាងរស់រវើកនៅលើផ្ទៃខាងក្រោយពណ៌ដូចជាខៀវលើខ្មៅប៉ុន្តែខ្ញុំនៅតែដាក់ស្លាកថាវាមានភាពផ្ទុយគ្នាតិចតួច។ ខ្ញុំបានធ្វើដូច្នេះដោយសារតែវាអាចភ្លឺពណ៌ការរួមបញ្ចូលគ្នានៅតែធ្វើឱ្យអត្ថបទពិបាកក្នុងការអាន។ ប្រសិនបើអ្នកបង្កើតទំព័រមួយនៅក្នុងអត្ថបទពណ៌ខៀវទាំងអស់នៅលើផ្ទៃខាងក្រោយពណ៌ខ្មៅអ្នកអានរបស់អ្នកនឹងមាន eyestrain យ៉ាងលឿន។ នេះហើយជាមូលហេតុដែលភាពផ្ទុយគ្នាមិនមែនគ្រាន់តែជាពណ៌ខ្មៅនិងសទេ (បាទ, ដំបងនេះត្រូវបានគេបម្រុងទុក) ។ មានវិន័យនិងការអនុវត្តល្អបំផុតសម្រាប់ភាពផ្ទុយគ្នាប៉ុន្តែជាអ្នករចនាអ្នកត្រូវតែវាយតម្លៃច្បាប់ទាំងនោះជានិច្ចដើម្បីប្រាកដថាពួកគេធ្វើការនៅក្នុងករណីជាក់លាក់របស់អ្នក។

ជ្រើសរើសពណ៌

ភាពផ្ទុយគ្នាគឺជាកត្តាតែមួយគត់ដែលត្រូវពិចារណានៅពេលជ្រើសរើសពណ៌សម្រាប់ការរចនាវេបសាយរបស់អ្នកប៉ុន្តែវាគឺជារឿងសំខាន់។ នៅពេលជ្រើសរើសពណ៌ចូរគិតអំពីស្តង់ដារម៉ាកសម្រាប់ក្រុមហ៊ុនប៉ុន្តែថែមទាំងមានឆន្ទៈក្នុងការដោះស្រាយបញ្ហាក្ដារលាយពណ៌ដែលនៅពេលដែលវាអាចស្របនឹងគោលការណ៍ណែនាំម៉ាករបស់អង្គការមិនដំណើរការល្អលើអ៊ីនធឺណិត។ ឧទាហរណ៍ខ្ញុំតែងតែរកឃើញពណ៌បៃតងពណ៌លឿងនិងភ្លឺដែលពិបាកក្នុងការប្រើយ៉ាងមានប្រសិទ្ធភាពលើគេហទំព័រ។ ប្រសិនបើពណ៌ទាំងនេះស្ថិតនៅក្នុងគោលការណ៍ណែនាំយីហោរបស់ក្រុមហ៊ុនពួកគេទំនងជាត្រូវប្រើជាពណ៌សំលេងព្រោះវាពិបាកស្វែងរកពណ៌ដែលផ្ទុយគ្នាណាស់។

ស្រដៀងគ្នានេះដែរប្រសិនបើម៉ាកយីហោរបស់អ្នកមានពណ៌ខ្មៅនិងសវាមានន័យផ្ទុយគ្នាយ៉ាងខ្លាំងប៉ុន្តែប្រសិនបើអ្នកមានវែបសាយដែលមានអត្ថបទច្រើននោះផ្ទៃខាងក្រោយពណ៌ខ្មៅដែលមានអត្ថបទពណ៌សនឹងធ្វើឱ្យអ្នកអានពិបាកអាន។ សូម្បីតែភាពខុសគ្នារវាងពណ៌សនិងខ្មៅគឺអស្ចារ្យពណ៌សនៅលើផ្ទៃខាងក្រោយពណ៌ខ្មៅបណ្តាលឱ្យមានត្រចៀកសំរាប់ផ្លូវវែង។ ក្នុងករណីនេះខ្ញុំនឹងបញ្ច្រាស់ពណ៌ដើម្បីប្រើអត្ថបទពណ៌ខ្មៅលើផ្ទៃខាងក្រោយពណ៌ស។ នោះប្រហែលជាមិនសូវចាប់អារម្មណ៍ទេប៉ុន្ដែអ្នកនឹងមិនយល់ច្បាស់ជាងនោះទេ!

ឧបករណ៍លើអ៊ីនធឺណិត

បន្ថែមពីលើការរចនាផ្ទាល់ខ្លួនរបស់អ្នកមានឧបករណ៍អនឡាញមួយចំនួនដែលអ្នកអាចប្រើដើម្បីសាកល្បងជម្រើសពណ៌នៃគេហទំព័ររបស់អ្នក។

CheckMyColors.com នឹងសាកល្បងពណ៌នៃគេហទំព័ររបស់អ្នកទាំងអស់ហើយរាយការណ៍អំពីកម្រិតផ្ទុយគ្នារវាងធាតុនៅលើទំព័រ។

លើសពីនេះទៀតនៅពេលគិតអំពីជម្រើសពណ៌អ្នកគួរតែពិចារណាផងដែរពីលទ្ធភាពប្រើប្រាស់គេហទំព័រនិងមនុស្សដែលមានទម្រង់នៃភាពពិការពណ៌។ WebAIM.org អាចជួយក្នុងការដោះស្រាយបញ្ហានេះដូច ContrastChecker.com ដែលនឹងសាកល្បងជម្រើសរបស់អ្នកប្រឆាំងនឹងគោលការណ៍ណែនាំរបស់ WCAG ។