Decide which styling choice preserves a form or reading task, then compare the result with a real browser state.
Review the lessons
- CSS field-sizing: let a note grow within firm limits
- CSS user-invalid: delay visual errors until interaction warrants them
- CSS font-size-adjust: steady readable fallback text
- CSS forced-color-adjust: preserve a color only for a narrow reason
Other checks
Common Mistakes
- Do not treat a border color as a complete error message.
- Do not assume a font metric or contrast preference behaves identically across browsers.