Xây dựng một công cụ xử lý màu sắc cấp độ chuyên nghiệp
Xây dựng một công cụ màu sắc cấp độ chuyên nghiệp bằng HTML5, CSS3 và JavaScript dành cho các nhà thiết kế và lập trình viên. Tạo giao diện trực quan với nhiều phương thức chọn màu bao gồm ống nhỏ giọt (eyedropper), bánh xe màu, thanh trượt và các ô nhập giá trị. Triển khai chuyển đổi thời gian thực giữa các định dạng màu (RGB, RGBA, HSL, HSLA, HEX, CMYK) kèm chức năng sao chép. Thêm trình tạo bảng màu (palette generator) với các tùy chọn phối màu bổ túc (complementary), tương đồng (analogous), bộ ba (triadic), bộ bốn (tetradic) và đơn sắc (monochromatic). Bao gồm hệ thống mục yêu thích với các bộ sưu tập được đặt tên và các tùy chọn xuất tệp. Triển khai trực quan hóa các quy tắc hài hòa màu sắc với khả năng điều chỉnh tương tác. Tạo trình tạo dải chuyển màu (gradient generator) hỗ trợ chuyển màu tuyến tính (linear), tỏa tròn (radial) và hình nón (conic) với nhiều điểm dừng màu. Thêm công cụ kiểm tra khả năng tiếp cận theo tiêu chuẩn WCAG với tỷ lệ tương phản và mô phỏng các dạng mù màu. Triển khai tính năng sao chép bằng một cú nhấp chuột cho các đoạn mã CSS, SCSS và SVG. Bao gồm thuật toán đặt tên màu để gợi ý tên gọi cho các màu được chọn. Hỗ trợ xuất bảng màu sang nhiều định dạng khác nhau (Adobe ASE, JSON, biến CSS, SCSS).
Kiểm toán các cặp màu tiền cảnh/hậu cảnh theo độ tương phản WCAG 2.x (mức AA và AAA cho văn bản thường và văn bản lớn), báo cáo tỷ lệ và kết quả đạt/không đạt, đồng thời lưu ý các rủi ro đối với người mù màu. Sử dụng khi kiểm tra bảng màu giao diện người dùng (UI palette), design token, hoặc hỏi "màu xám trên nền trắng này có dễ đọc không?". Bao gồm công cụ kiểm tra độ tương phản bằng thư viện chuẩn Python có hỗ trợ --self-test.
Thực hiện kiểm toán mức độ tuân thủ chuẩn WCAG và khắc phục các lỗi khả năng tiếp cận (accessibility) cho ứng dụng web. Sử dụng khi: 1) Kiểm toán giao diện UI theo chuẩn WCAG 2.1/2.2 2) Khắc phục lỗi trình đọc màn hình hoặc điều hướng bằng bàn phím 3) Triển khai đúng các mẫu ARIA 4) Đánh giá độ tương phản màu sắc và khả năng tiếp cận thị giác 5) Tạo biểu mẫu hoặc thành phần tương tác dễ tiếp cận