Color Safe là công cụ thiết kế công cụ chọn màu tuân thủ WCAG

Các nhà thiết kế web không ngừng thúc đẩy tiếp cận nhiều hơn. Điều này có nghĩa là tăng hỗ trợ trên web cho người khiếm thính & thị lực, có thể bao gồm các vấn đề khi đọc các trang web có độ tương phản cao.

Các Màu an toàn ứng dụng web là hoàn hảo để tìm đúng màu sắc phù hợp với chính xác những gì bạn cần. Đây là một ứng dụng web miễn phí đo chất lượng của tỷ lệ tương phản của văn bản của bạn, dựa trên màu nền, kích thước phông chữ và họ phông chữ.

Đây là một ứng dụng web rất tương tác, vì vậy nó là không chỉ là một trình tạo màu khác.

Bạn đầu tiên nhập màu nền và chọn phông chữ bạn đang sử dụng. Đây không phải là một kết hợp chính xác nhưng bạn nên cố gắng để có kích thước và vị trí phù hợp. Cố gắng khớp với trang của bạn nội dung cơ thể chứ không phải tiêu đề.

Khi bạn nhấp “được”, bạn sẽ có một màn hình hoàn toàn mới đầy đủ các khuyến nghị màu sắc. Bạn có thể duyệt qua các lựa chọn màu phù hợp nhất với nền bạn đã chọn để tìm màu văn bản với tỷ lệ dễ đọc cao.

WCAG có yêu cầu tỷ lệ tương phản màu rất nghiêm ngặt để đạt điểm cao (bằng AA hoặc AAA). Đánh giá này dựa trên một tỷ lệ cụ thể, được tính bằng mã hex và sự bất hòa với nhau.

Ví dụ, một phông chữ màu xanh lá cây tươi sáng trên nền đỏ tươi là một cách tuyệt vời để không đạt được xếp hạng WCAG. Đó là lý do tại sao công cụ này rất có giá trị.

Thay vì chọn ngẫu nhiên các màu trong Photoshop, bạn có thể chọn từ lựa chọn màu sắc được xác định trước phù hợp với nền tảng của bạn. Điều này đảm bảo tỷ lệ dễ đọc cao và trải nghiệm mượt mà cho tất cả người dùng.

Chúng tôi đã làm một bài viết rất lớn trên độ tương phản màu cho khả năng tiếp cận, Vì vậy, chắc chắn kiểm tra xem nếu bạn muốn tìm hiểu thêm. Và, nếu bạn đang gặp khó khăn trong việc tìm kiếm một kết hợp màu sắc tuyệt vời cho trang web của mình, hãy truy cập Color Safe và thử. Nó chắc chắn sẽ giúp bạn tìm một bảng màu hoạt động.