Web development
Forms, Errors, and Contrast
Updated Oct 28, 2026
Associate each form control with a visible label. Explain errors in text and identify the affected field. Use sufficient text contrast and do not rely on colour alone to convey information. Test enlar
What you’ll learn
Understand and practise forms, errors, and contrast.
Explanation
Associate each form control with a visible label. Explain errors in text and identify the affected field. Use sufficient text contrast and do not rely on colour alone to convey information. Test enlarged text and different display settings.
ភ្ជាប់ form control នីមួយៗជាមួយ label។ បង្ហាញកំហុសជាអត្ថបទ និងបញ្ជាក់ field ដែលមានបញ្ហា។ ប្រើ contrast គ្រប់គ្រាន់ និងកុំពឹងតែលើពណ៌ដើម្បីប្រាប់ន័យ។
Example
Show an error message beside Email explaining that an address is required.
Practice
Why not mark an error only with a red border?
Answer and explanation
Show answer / បង្ហាញចម្លើយ
Some users may not distinguish the colour; a text explanation supplies the meaning.
Quick recap
Associate each form control with a visible label.