Semantic color là gì?

Màu ngữ nghĩa giúp người dùng hiểu trạng thái chỉ trong một cái liếc, nên chúng phải được dùng nhất quán: màu đỏ lỗi chỉ dành cho lỗi và hành động nguy hiểm, không dùng để trang trí. Mỗi màu thường có vài sắc độ: đậm cho chữ và icon, nhạt cho nền thông báo. Trong Figma, đặt tên variable theo vai trò như color/feedback/error, color/feedback/success thay vì red-500, để đổi màu sau này không làm hỏng ý nghĩa. Ví dụ: form đăng ký viền ô đỏ và hiện dòng lỗi màu đỏ khi email sai, còn chuyển khoản thành công hiện dấu tích xanh lá. Lỗi thường gặp là chỉ dựa vào màu để truyền tải trạng thái. WCAG có tiêu chí 1.4.1 không dùng màu là cách duy nhất, vì người mù màu đỏ lục sẽ không phân biệt được; hãy thêm icon và chữ như Lỗi hoặc Thành công.