Mẹo cho Công cụ cho nhà phát triển: Khám phá và khắc phục văn bản có độ tương phản thấp

Sofia Emelianova
Sofia Emelianova

Văn bản có độ tương phản thấp là vấn đề hỗ trợ tiếp cận hàng đầu trên web. Vào tháng 2 năm 2022, 83,9% trong số một triệu trang chủ hàng đầu gặp vấn đề này. Hãy tham khảo báo cáo của WebAIM Million 2022 để tìm hiểu thêm.

Công cụ của Chrome cho nhà phát triển giúp bạn nhanh chóng phát hiện được tất cả các vấn đề về độ tương phản và khắc phục chỉ bằng một cú nhấp chuột.

Hãy xem video này để tìm hiểu cách:

  • Xem tỷ lệ tương phản trong chú thích của chế độ trình kiểm tra và các giá trị tỷ lệ được đề xuất trong Công cụ chọn màu.

    Tỷ lệ tương phản có sẵn trong chú giải công cụ, với Công cụ chọn màu để đo tỷ lệ các màu thay thế. Bạn có thể chấm điểm tỷ lệ theo AA và AAA.

  • Trong Công cụ chọn màu, hãy chọn màu được đề xuất hoặc chọn một màu bên dưới các đường tỷ lệ tương phản để tuân thủ nguyên tắc của WebAIM.

    Các đường tỷ lệ tương phản đề xuất có sẵn trong bản xem trước sắc độ của Công cụ chọn màu.

  • Khám phá tất cả các vấn đề về độ tương phản trong bảng điều khiển Tổng quan về CSS và (xem trước) Vấn đề.

    Các vấn đề về độ tương phản được liệt kê trong bảng Tổng quan về CSS và thẻ Vấn đề.

  • Mô phỏng khiếm thị để hiểu trang của bạn hiển thị như thế nào cho tất cả người dùng.

    Tính năng mờ được chọn trong thẻ Kết xuất và được mô phỏng trong khung nhìn.

Để có trải nghiệm học tập thực tế hơn, hãy xem hướng dẫn Làm cho trang web của bạn dễ đọc hơn.

Để tìm hiểu thêm, hãy xem: